Angular设置别名alias的方法

时间:2021-05-28

设置别名

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

{ "compilerOptions": { "baseUrl": "src", "paths": { "@app/*": ["app/*"], "@assets/*": ["assets/*"], "@env/*": ["environments/*"], "@views/*": ["app/views/*"], "@core/*": ["app/core/*"], "@constants": ["app/core/constants/*"], "@model/*": ["app/core/model/*"], "@interceptors/*": ["app/core/interceptors/*"], "@services/*": ["app/core/services/*"], "@validators/*": ["app/core/validators/*"], "@shared/*": ["app/shared/*"], "@components/*": ["app/shared/components/*"], "@directives/*": ["app/shared/directives/*"], "@guards/*": ["app/shared/guards/*"], "@pipes/*": ["app/shared/pipes/*"] },}

访问环境变量

import { environment } from '@env/environment'

添加了@env别名,以便能够import { environment } from '@env/environment',从应用程序中的任何位置轻松访问环境变量。它适用于所有指定的环境,因为cli它会根据--env传递给ng build命令的标志自动解析正确的环境文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章