Angular设置别名alias的方法
作者：staven
这篇文章主要介绍了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命令的标志自动解析正确的环境文件。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。