如何将项目引用与不同的 tsconfig 文件一起使用？

Question

例如我有三个项目

shared
frontend
backend

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

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

如何将shared 用作backend 和tsconfig.commonjs.json 以及前端tsconfig.commonjs.json 中的参考项目

Answer 1

我相信extends 选项是您正在寻找的。​​p>

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

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

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