angular 多環境匹配

一直以來,不太清楚angular切換生產環境後是怎麼匹配的,今天無心間看見一個關於這個問題的詳細視頻,因此記錄下來,但願對本身和你們有些幫助!!,話很少說,上代碼json

首先 1.咱們會在angular-cli.json裏邊看見environment屬性,在裏邊隨意聲明本身環境屬性:spa

environment裏邊包含着咱們項目所需環境。視頻

2.在angular項目目錄中會存在一個environments的文件夾,裏邊放這咱們所需環境文件:對象

需注意的是每個環境文件中都有一個production屬性,該屬性值在各文件中必須保持一致,如:production: false,另外環境配置文件中還能夠寫一些自定義屬性,如:blog

3.在main.ts文件中會有io

if (environment.production) {
enableProdMode();
判斷是否爲生產環境,當爲生產環境是會自動調用enableProdMode()方法,當爲其餘環境時則不調用此方法,當咱們想要運行某環境時,咱們能夠經過設置angular.json的中的環境,只需給當前要
運行環境添加參數 --evn=環境名,如:
"start": "ng serve --hmr --env=dev --port=9000",(此處dev與angular-cli.json裏面environment對象中的鍵對應);
 
 
言辭簡陋,忘不吝賜教!!!
相關文章
相關標籤/搜索