2022
我们一起努力

Angular设置别名alias的方法 - web开发

设置别名

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

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

赞(0)
文章名称:《Angular设置别名alias的方法 - web开发》
文章链接:https://www.fzvps.com/88167.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!