Angularlib项目中应该使用哪些tsconfig路径?
创始人
2024-10-28 00:01:05
0

在Angular lib项目中,为了使用不同的tsconfig文件,我们可以更新tsconfig.base.json文件中的paths和include属性。其中,paths用于将模块名称映射到文件路径,include用于指定要包含在编译中的文件。

以下是一个示例tsconfig.base.json文件:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "declaration": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "lib": ["es2017", "dom"],
    "module": "esnext",
    "moduleResolution": "node",
    "outDir": "../../dist/out-tsc",
    "sourceMap": true,
    "target": "es5"
  },
  "include": ["**/*.ts"],
  "references": [{ "path": "../my-lib" }],
  "paths": {
    "@my-lib/*": ["../my-lib/src/*"]
  }
}

在这个示例中,我们为模块名称前缀为"@my-lib/"的模块创建了一个映射,将它们指向../my-lib/src/文件夹中的文件。

然后,我们可以为不同的Angular lib项目设置不同的tsconfig.json文件,例如:

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "../../dist/my-lib1",
    "rootDir": "./src",
    "composite": true,
    "tsBuildInfoFile": "../../dist/my-lib1.tsbuildinfo"
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules", "../../node_modules"]
}

在这个示例中,我们将tsconfig.json文件设置为从tsconfig.base.json扩展,并覆盖了compilerOptions中的outDir选项来指定编译后文件的输出路径。我们还应该更新exclude选项以排除node_modules文件夹和相关的Angular和TypeScript依赖项。

通过这种方法,我们可以轻

相关内容

热门资讯

黑科技免费(微扑克ios)Aa... 1、黑科技免费(微扑克ios)Aapoker一直存在有挂!太无语了最初有挂(2022已更新)(哔哩哔...
黑科技计算(菠萝德州)德州先前... 黑科技计算(菠萝德州)德州先前真的有挂!太坑了本然有挂(2023已更新)(哔哩哔哩)是一款可以让一直...
黑科技玄学(Wepoke德州版... 1、黑科技玄学(Wepoke德州版)wPk一向是有挂!太实锤了总是是有挂(2023已更新)(哔哩哔哩...
黑科技挂(聚星扑克德州)来玩德... 黑科技挂(聚星扑克德州)来玩德州app一贯是真的有挂!太夸张了一向是真的有挂(2024已更新)(哔哩...
黑科技总结(微扑克下载)pok... 黑科技总结(微扑克下载)pokernow德州本来是有挂!太无语了最初有挂(2024已更新)(哔哩哔哩...
黑科技教程(微扑克原理)Aap... 黑科技教程(微扑克原理)Aapoker本来存在有挂!太离谱了总是真的是有挂(2026已更新)(哔哩哔...
黑科技能赢(Wepoke代打)... 黑科技能赢(Wepoke代打)pokerist先前真的是有挂!太实锤了都是真的是有挂(2026已更新...
黑科技讲解(德州之星app)W... 黑科技讲解(德州之星app)WepOke本然是真的有挂!太坑了确实是真的有挂(2024已更新)(哔哩...
黑科技新版(wpk辅助)aa ... 黑科技新版(wpk辅助)aa poker一直真的是有挂!太嚣张了真是是有挂(2024已更新)(哔哩哔...
黑科技科技(wpk规律)aap... 黑科技科技(wpk规律)aapOker确实存在有挂!太实锤了都是存在有挂(2024已更新)(哔哩哔哩...