Angular設(shè)置別名alias的方法
更新時(shí)間：2018年11月08日 13:43:40 作者：staven
這篇文章主要介紹了Angular設(shè)置別名alias及打包命令的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
設(shè)置別名
在根目錄下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',從應(yīng)用程序中的任何位置輕松訪問環(huán)境變量。它適用于所有指定的環(huán)境，因?yàn)閏li它會(huì)根據(jù)--env傳遞給ng build命令的標(biāo)志自動(dòng)解析正確的環(huán)境文件。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS下$http服務(wù)Post方法傳遞json參數(shù)的實(shí)例
下面小編就為大家分享一篇AngularJS下$http服務(wù)Post方法傳遞json參數(shù)的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Angular中的ActivatedRoute和Router原理解釋
這篇文章主要為大家介紹了Angular中的ActivatedRoute和Router原理解釋，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
Angularjs實(shí)現(xiàn)下拉框聯(lián)動(dòng)的示例代碼
本篇文章主要介紹了Angularjs下拉框聯(lián)動(dòng)的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
本篇文章主要介紹了Angular之指令Directive系列詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
AngularJS自定義插件實(shí)現(xiàn)網(wǎng)站用戶引導(dǎo)功能示例
這篇文章主要介紹了AngularJS自定義插件實(shí)現(xiàn)網(wǎng)站用戶引導(dǎo)功能,結(jié)合實(shí)例形式分析了AngularJS自定義插件的實(shí)現(xiàn)步驟與相關(guān)功能技巧,需要的朋友可以參考下2016-11-11
Angularjs自定義指令實(shí)現(xiàn)三級(jí)聯(lián)動(dòng) 選擇地理位置
這篇文章主要介紹了Angularjs自定義指令實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)，選擇地理位置，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用JavaScript的AngularJS庫編寫hello world的方法
這篇文章主要介紹了使用JavaScript的AngularJS庫編寫hello world的方法,AngularJS是一款高人氣的JavaScript庫,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了AngularJS優(yōu)雅的自定義指令，告訴大家為什么使用AngularJS自定義指令，以及如何使用AngularJS自定義指令？感興趣的小伙伴們可以參考一下2016-07-07
AngularJS基礎(chǔ) ng-mouseenter 指令示例代碼
本文主要介紹AngularJS ng-mouseenter 指令,這里對ng-mouseenter 指令基礎(chǔ)資料做了詳細(xì)整理,并附代碼實(shí)例,有需要的小伙伴可以參考下2016-08-08
Angular2從搭建環(huán)境到開發(fā)步驟詳解
本文的內(nèi)容主要是想幫助那些想學(xué)習(xí)Angular2的朋友們，因?yàn)槲易约涸谕鍭ngular2時(shí)碰到了不少坑，而且Angular2語法一直處于變化中，讓人很頭疼。不過也怪不了Anguar2，因?yàn)樗F(xiàn)在是處于并長期處于alpha階段，下面就通過本文來學(xué)習(xí)Angular2的搭建環(huán)境和開發(fā)吧。2016-10-10