浅谈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爱好者其它相关文章!
-
绝区零嗯呢棋闻录活动怎么玩-嗯呢棋闻录活动规则 2025-07-30
-
仙剑世界水月洞天怎么解谜-水月洞天解谜玩法详细 2025-07-30
-
米姆米姆哈家园岛怎么布置-家园岛设计技巧 2025-07-29
-
巴别塔圣歌对话怎么选-传送门解谜正确选项顺序 2025-07-29
-
幻塔协作挑战重量怎么过-单人通关技巧详细解析 2025-07-29
-
逸剑风云决怎么获得清宵认同-清宵道长好感提升方法 2025-07-29