angular6根據environments配置文件更改開發所須要的環境

前端開發過程當中，咱們經常須要根據需求去運行或者打包不一樣環境的代碼，幸運的是，angular給咱們提供了environments配置，可是angular6.x的配置方式和angular的其餘版本的配置方式是有所不一樣的，下面我就分別介紹在測試test、預生產pre環境下實現environments配置。

1、angular6.x下environments的配置

首先，在environments文件夾下建立environment.test.ts和environment.pre.ts文件，以下圖

而後分別在裏面添加以下內容

而後找到angular.json文件，在architect對象下的configurations下添加以下代碼：

而後在找到serve，添加以下的代碼

能夠經過運行ng serve --configuration=test或者ng serve -c test課件在控制檯打印：

{production: false, path: "xxxxx"}
        path: "xxxxxx"
        production: false
    __proto__: Object

同理運行ng serve --configuration=pre或者ng serve -c pre可獲取到預生產環境的域名，因此，你只須要在須要用到環境變量的地方引入便可，如

import {environment} from '../environments/environment';

2、angular其餘版本environments的配置

一樣的，首先在environments建立environment.test.ts和environment.pre.ts，而後按照上文的步驟，在裏面添加相同的內容，而後去到angular-cli.json文件找到environments，在裏面添加如何內容：

而後經過運行ng s --env=test就能夠運行測試環境了，在須要的地方引入environment便可。