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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持错新站长站。