当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Angular10 中配置@路径别名

Angular10 中配置@路径别名

2020年07月23日  | 移动技术网IT编程  | 我要评论

Angular10中配置@路径别名

Angular10中的项目文件结构 中文网站

Angular10中的tsconfig配置被分成了四个文件

  1. tsconfig.json工作空间中各项目的默认TSP配置
  2. tsconfig.base.json工作空间的所有项目使用的基础TS配置，所有其它的配置文件都是继承自这个基础文件
  3. tsconfig.app.json应用专属的TS配置包括TS和Angular模板编译器的选项
  4. tsconfig.spec.json应用测试的TS配置
    在这里插入图片描述
主要配置是在tsconfig.base.json中

  1. 因为在TS的配置中有介绍，在compilerOptions中添加字段paths来进行声明映射

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

  2. 之后使用@/就相当于使用src/

  3. 使用了@/
    在这里插入图片描述

  4. 没有使用@/
    在这里插入图片描述

本文地址：https://blog.csdn.net/weixin_43972992/article/details/107410198

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网