Angular设置别名alias的方法

Angular设置别名alias的方法

这篇文章主要介绍了Angular设置别名alias及打包命令的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

设置别名

在根目录下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命令的标志自动解析正确的环境文件。

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

以上就是Angular设置别名alias的方法的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读