如何在不同的tsconfig文件中使用项目引用？

Question

例如，我有三个项目

shared
frontend
backend

我想在frontend和backend中使用shared项目作为项目引用

但是backend使用commonjs模块，前端使用esnext模块，所以我希望shared有两个配置：tsconfig.commonjs.json和tsconfig.esmodules.json

如何在带有tsconfig.commonjs.json的backend和带有tsconfig.commonjs.json的前端中使用shared作为参考项目

Answer 1

我相信extends选项就是你想要的。

// tsconfig.shared.json
  "compilerOptions": {
     ...
  }
...

// tsconfig.frontend.json
  "extends": "./tsconfig.shared",
  "compilerOptions": {
    "module": "esnext",
  }

// tsconfig.backend.json
  "extends": "./tsconfig.shared",
  "compilerOptions": {
    "module": "commonjs",
  }