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

到此这篇关于Angular设置别名alias的方法就介绍到这了。意志坚强的人,他的世界充满着无限的可能性。更多相关Angular设置别名alias的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
AngularJS tab栏实现和mvc小案例实例详解

Angular中innerHTML标签的样式不起作用的原因解析

angular使用md5,CryptoJS des加密的方法

Angular请求防抖处理第一次请求失效问题

angular多语言配置详解