如何在React项目中导入tsconfig.json到tsconfig.test.json并扩展配置

JSON本身不支持对象展开语法，所以你之前的尝试行不通。TypeScript内置了配置继承方案，直接用extends字段就能实现需求，完全不用重复写配置。

只需要修改你的tsconfig.test.json，内容如下：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "esModuleInterop": true
  }
}

这样配置后，tsconfig.test.json会自动继承tsconfig.json里的所有compilerOptions配置，同时新增的esModuleInterop: true会生效。如果后续tsconfig.json里的配置有修改，tsconfig.test.json也会同步继承更新后的配置。

如果之后需要覆盖原配置里的某个属性（比如想把target改成es6），直接在tsconfig.test.json的compilerOptions里重新定义该属性即可，它会覆盖继承来的对应配置。

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