我们如何为 Angular 应用程序提供多个 tsconfig 文件

Question

根据客户要求，我们需要在一个包中包含两个独立的应用程序（链接是从 appA 到 appB 的导航），以便于部署。

但问题来了，一部分是（带有 jquery 的打字稿），另一部分是内置的。

所以在结合两者时，我们只能使用一个 tsconfig。为每个应用指定不同的 tsconfig 路径的任何可能性。

喜欢， tsconfig1.json -> appA tsconfig2.json -> appB

Answer 1

任何tsconfig 文件都可以包含extends 属性，该属性可用于在基本配置之上添加自定义：

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html#configuration-inheritance-with-extends

或者在package.json 中，您可以定义特定的脚本，例如

{
  build:appA="cp tsconfig.a.json tsconfig.json && npm run build"
  build:appB="cp tsconfig.a.json tsconfig.json && npm run build"
}