能否让TypeScript动态区分路径？多子项目路径配置需求

问题背景 #

• 主项目包含多个子项目，共享构建配置及通用设置
• 需求：在abc文件夹内时，'@'指向abc；在cba文件夹内时，'@'指向cba
• 目前已通过构建配置实现该逻辑，想了解TypeScript层面（如tsconfig）的支持方案

可行方案 #

1. 为每个子项目单独配置tsconfig.json #

直接在每个子项目根目录创建专属的tsconfig.json，继承根目录的通用配置，同时单独设置路径别名：
比如abc子项目的tsconfig.json：

{
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["*"]
    }
  },
  "include": ["src/**/*"]
}

cba子项目照此配置即可，这样TypeScript会根据当前子项目的配置识别'@'的指向，编辑器也能正常提供跳转和智能提示。

2. 用TypeScript项目引用（Project References）统一管理 #

在根目录的tsconfig.json中启用项目引用功能，将每个子项目的配置纳入管理，同时每个子项目按上面的方式配置自己的路径别名：
根tsconfig.json示例：

{
  "compilerOptions": {
    // 这里存放所有子项目共享的编译配置
  },
  "references": [
    { "path": "./packages/abc" },
    { "path": "./packages/cba" }
  ]
}

这种方式不仅能实现子项目各自的路径别名，还能支持TypeScript的增量编译，适合子项目数量较多的场景。

3. 第三方工具辅助（不推荐） #

如果不想维护多个tsconfig，可以用tsconfig-paths这类工具，结合环境变量动态切换路径配置，但这种方式需要在开发时额外启动工具，编辑器的智能提示支持也不如前两种原生方案友好，因此更推荐前两种方案。

总结 #

前两种都是TypeScript原生支持的方案，能同时满足编译和编辑器提示需求，和你已有的构建配置配合就能实现完整的开发体验。

内容的提问来源于stack exchange，提问作者lq w