面试题：tsconfig.json跨项目复用及差异化配置的实现

Question

假设你有多个TypeScript项目，这些项目有一些共同的tsconfig.json配置，但每个项目又有部分独特的配置。请描述一种实现tsconfig.json跨项目复用基础配置，同时又能方便地为每个项目添加差异化配置的方案，并说明在实际操作中可能遇到的问题及解决方案。

Answer 1

实现方案

1. 提取基础配置：将多个项目共同的配置提取到一个单独的 tsconfig.base.json 文件中，例如：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true
  }
}

2. 每个项目继承基础配置：在每个项目的 tsconfig.json 文件中，通过 extends 关键字继承 tsconfig.base.json，并添加项目独特的配置。例如：

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "./dist",
    "rootDir": "./src"
  }
}

3. 使用相对路径：为确保 extends 路径在不同项目结构下都能正常工作，使用相对路径引用 tsconfig.base.json。

可能遇到的问题及解决方案

1. 配置冲突
   • 问题：当基础配置和项目独特配置中存在相同的配置项且值不同时，会产生冲突。
   • 解决方案：在继承基础配置后，项目独特配置会覆盖基础配置中的相同项。在编写基础配置和项目独特配置时，仔细检查可能冲突的配置项，避免意外覆盖。
2. 找不到基础配置文件
   • 问题：如果项目结构发生变化或者 tsconfig.base.json 文件位置移动，可能导致 extends 找不到基础配置文件。
   • 解决方案：在移动 tsconfig.base.json 文件或调整项目结构时，更新每个项目 tsconfig.json 文件中 extends 的路径。可以考虑将 tsconfig.base.json 文件放在一个固定且易于引用的位置，例如项目根目录。
3. 版本兼容性
   • 问题：不同版本的 TypeScript 对 tsconfig.json 配置的支持可能略有不同，可能导致某些配置在不同项目中表现不一致。
   • 解决方案：确保所有项目使用相同版本的 TypeScript，或者在更新 TypeScript 版本时，仔细检查 tsconfig.json 配置的兼容性，根据官方文档调整配置。