angular-cli中设置路径别名

最新推荐文章于 2024-11-11 21:28:43 发布

人间草木96

最新推荐文章于 2024-11-11 21:28:43 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： angular 个人总结

本文链接：https://blog.csdn.net/qq_43258252/article/details/88734029

个人总结同时被 2 个专栏收录

122 篇文章

订阅专栏

angular

10 篇文章

订阅专栏

本文介绍了如何在Angular CLI项目中设置路径别名。通过修改tsconfig.json文件的baseUrl和paths属性，可以在组件中便捷地引用模块。完成配置后，需要重启项目以观察效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：

在根目录下tsconfig.json中添加baseUrl和paths

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ],
    "paths": {
      "@src/*": [ "src/*" ]
    }
  }
}