angular6 + ng-zorro鹿途后台管理系統（三）環境變量配置

為什么要配置多個環境變量？因為在實際的開發中，可能存在開發、測試或者正式多個環境變量，我們希望以一種輸入不同的參數來切換不同環境的工作模式，所以需要配置多個環境變量。

環境變量配置在environments文件下，默認情況下存在environment.prod.ts和environment.ts兩個文件，environment.prod.ts文件中的參數production是true，environment.ts文件中的參數

production是false,這個參數就是來區分是否為生產環境。

鹿途系統希望新增一個本地開發環境，我們就在environments中新增一個本地環境變量，也就是新增一個environment.local.ts文件,推薦的命名的規則是environment + (本地、測試、生產)，比如我們想新增一個demo環境，我們就在environments中新增一個environment.demo.ts。

環境變量配置完成后，我們接下來就要實現，輸入不同的參數來切換不同的工作環境；我們在angular.json文件（projects/項目名/architect/configurations)下新增配置，如下鹿途為local變量新增的配置

 "local": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.local.ts"
                }
              ]
            }　　

接下里我們在（ architect/serve/configurations)新增如下配置

 "local": {
              "browserTarget": "productShipment:build:local"
            }

以上兩步完成后我就可以通過輸入不同的參數來切換不同的工作環境，命令如下：

ng s -c local/prod

 

angular6之前環境變量配置方法：https://www.cnblogs.com/zry2510/p/9239551.html

 

 

項目github地址： https://github.com/ZhouRenYou/ng-deerway
項目預覽地址（非實時更新）： https://zhourenyou.github.io/web-deerway/passport/login