浅谈Angular10配置@路径别名的方法-js教程-PHP中文网

浅谈Angular10配置@路径别名的方法

青灯夜游

发布： 2021-03-16 09:38:54

转载

1943人浏览过

本篇文章给大家介绍一下angular10配置@路径别名的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

浅谈Angular10配置@路径别名的方法

相关推荐：《angular教程》

Angular10中配置@路径别名

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

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

tsconfig.json工作空间中各项目的默认TSP配置
tsconfig.base.json工作空间的所有项目使用的基础TS配置，所有其它的配置文件都是继承自这个基础文件
tsconfig.app.json应用专属的TS配置包括TS和Angular模板编译器的选项
tsconfig.spec.json应用测试的TS配置

在这里插入图片描述

NameGPT名称生成器

免费AI公司名称生成器，AI在线生成企业名称，注册公司名称起名大全。

查看详情

主要配置是在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、使用了@/

在这里插入图片描述