Angular設置別名alias的方法

更新時間：2018年11月08日 13:43:40 作者：staven

這篇文章主要介紹了Angular設置別名alias及打包命令的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

設置別名

在根目錄下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/*"]
  },
}

訪問環(huán)境變量

import { environment } from '@env/environment'

添加了@env別名，以便能夠import { environment } from '@env/environment',從應用程序中的任何位置輕松訪問環(huán)境變量。它適用于所有指定的環(huán)境，因為cli它會根據(jù)--env傳遞給ng build命令的標志自動解析正確的環(huán)境文件。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AngularJS下$http服務Post方法傳遞json參數(shù)的實例
下面小編就為大家分享一篇AngularJS下$http服務Post方法傳遞json參數(shù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Angular中的ActivatedRoute和Router原理解釋
這篇文章主要為大家介紹了Angular中的ActivatedRoute和Router原理解釋，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
Angularjs實現(xiàn)下拉框聯(lián)動的示例代碼
本篇文章主要介紹了Angularjs下拉框聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
Angular之指令Directive用法詳解
本篇文章主要介紹了Angular之指令Directive系列詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導功能示例
這篇文章主要介紹了AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導功能,結(jié)合實例形式分析了AngularJS自定義插件的實現(xiàn)步驟與相關(guān)功能技巧,需要的朋友可以參考下
2016-11-11
Angularjs自定義指令實現(xiàn)三級聯(lián)動選擇地理位置
這篇文章主要介紹了Angularjs自定義指令實現(xiàn)三級聯(lián)動，選擇地理位置，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
使用JavaScript的AngularJS庫編寫hello world的方法
這篇文章主要介紹了使用JavaScript的AngularJS庫編寫hello world的方法,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下
2015-06-06
AngularJS優(yōu)雅的自定義指令
這篇文章主要介紹了AngularJS優(yōu)雅的自定義指令，告訴大家為什么使用AngularJS自定義指令，以及如何使用AngularJS自定義指令？感興趣的小伙伴們可以參考一下
2016-07-07
AngularJS基礎 ng-mouseenter 指令示例代碼
本文主要介紹AngularJS ng-mouseenter 指令,這里對ng-mouseenter 指令基礎資料做了詳細整理,并附代碼實例,有需要的小伙伴可以參考下
2016-08-08
Angular2從搭建環(huán)境到開發(fā)步驟詳解
本文的內(nèi)容主要是想幫助那些想學習Angular2的朋友們，因為我自己在玩Angular2時碰到了不少坑，而且Angular2語法一直處于變化中，讓人很頭疼。不過也怪不了Anguar2，因為它現(xiàn)在是處于并長期處于alpha階段，下面就通過本文來學習Angular2的搭建環(huán)境和開發(fā)吧。
2016-10-10