浅谈Angular10配置@路径别名的方法
时间:2021-03-16 来源:互联网
今天PHP爱好者给大家带来Angular10配置@路径别名的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
Angular10
中配置@路径别名
Angular10
中的项目文件结构 中文网站
Angular10
中的tsconfig
配置被分成了四个文件
tsconfig.json
工作空间中各项目的默认TS
P配置tsconfig.base.json
工作空间的所有项目使用的基础TS
配置,所有其它的配置文件都是继承自这个基础文件tsconfig.app.json
应用专属的TS
配置包括TS
和Angular
模板编译器的选项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、没有使用@/
可能会出现配置了之后在使用了的时候,编辑器抛出下划线警告,如果确定配置没问题,可以尝试重启编辑器试试
以上就是浅谈Angular10配置@路径别名的方法的详细内容,更多请关注php爱好者其它相关文章!
-
无限暖暖衣服0氪怎么抽-无限暖暖套装获取 2025-07-04
-
蛋仔派对蛋仔岛捉迷藏怎么玩-捉迷藏模式玩法 2025-07-04
-
蛋仔派对蛋仔岛捉迷藏怎么玩-捉迷藏模式玩法 2025-07-04
-
银与绯魅丝怎么玩-血月之子技能玩法详解 2025-07-04
-
银与绯魅丝怎么玩-血月之子技能玩法详解 2025-07-04
-
蛋仔派对怎么缩小蛋仔-蛋仔缩小方法教程 2025-07-04