Angular设置别名alias的方法

网络编程 2021-07-04 16:46www.168986.cn编程入门
这篇文章主要介绍了Angular设置别名alias及打包命令的方法,长沙网络推广觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧

设置别名

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

{
 "pilerOptions": {
  "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/"],
   "@ponents/": ["app/shared/ponents/"],
   "@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命令的标志自动解析正确的环境文件。

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by