脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → Angular设置别名alias

Angular设置别名alias的方法

 更新时间：2018年11月08日 13:43:40   作者：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命令的标志自动解析正确的环境文件。

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

您可能感兴趣的文章:

相关文章

  • AngularJS下$http服务Post方法传递json参数的实例

    AngularJS下$http服务Post方法传递json参数的实例

    下面小编就为大家分享一篇AngularJS下$http服务Post方法传递json参数的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Angular中的ActivatedRoute和Router原理解释

    Angular中的ActivatedRoute和Router原理解释

    这篇文章主要为大家介绍了Angular中的ActivatedRoute和Router原理解释，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • Angularjs实现下拉框联动的示例代码

    Angularjs实现下拉框联动的示例代码

    本篇文章主要介绍了Angularjs下拉框联动的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • Angular之指令Directive用法详解

    Angular之指令Directive用法详解

    本篇文章主要介绍了Angular之指令Directive系列详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • AngularJS自定义插件实现网站用户引导功能示例

    AngularJS自定义插件实现网站用户引导功能示例

    这篇文章主要介绍了AngularJS自定义插件实现网站用户引导功能,结合实例形式分析了AngularJS自定义插件的实现步骤与相关功能技巧,需要的朋友可以参考下
    2016-11-11
  • Angularjs自定义指令实现三级联动 选择地理位置

    Angularjs自定义指令实现三级联动 选择地理位置

    这篇文章主要介绍了Angularjs自定义指令实现三级联动，选择地理位置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 使用JavaScript的AngularJS库编写hello world的方法

    使用JavaScript的AngularJS库编写hello world的方法

    这篇文章主要介绍了使用JavaScript的AngularJS库编写hello world的方法,AngularJS是一款高人气的JavaScript库,需要的朋友可以参考下
    2015-06-06
  • AngularJS优雅的自定义指令

    AngularJS优雅的自定义指令

    这篇文章主要介绍了AngularJS优雅的自定义指令，告诉大家为什么使用AngularJS自定义指令，以及如何使用AngularJS自定义指令？感兴趣的小伙伴们可以参考一下
    2016-07-07
  • AngularJS基础 ng-mouseenter 指令示例代码

    AngularJS基础 ng-mouseenter 指令示例代码

    本文主要介绍AngularJS ng-mouseenter 指令,这里对ng-mouseenter 指令基础资料做了详细整理,并附代码实例,有需要的小伙伴可以参考下
    2016-08-08
  • Angular2从搭建环境到开发步骤详解

    Angular2从搭建环境到开发步骤详解

    本文的内容主要是想帮助那些想学习Angular2的朋友们，因为我自己在玩Angular2时碰到了不少坑，而且Angular2语法一直处于变化中，让人很头疼。不过也怪不了Anguar2，因为它现在是处于并长期处于alpha阶段，下面就通过本文来学习Angular2的搭建环境和开发吧。
    2016-10-10

最新评论