前端开辟过程当中，我们经常须要依据需求去运转或许打包差别环境的代码，荣幸的是，angular给我们供应了environments设置，然则angular6.x的设置体式格局和angular的其他版本的设置体式格局是有所差别的，下面我就离别引见在测试test、预临盆pre环境下完成environments设置。

一、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';

二、angular其他版本environments的设置

一样的，起首在environments建立environment.test.ts和environment.pre.ts，然后根据上文的步骤，在里面增加雷同的内容，然后去到angular-cli.json文件找到environments，在里面增加怎样内容：

然后经由过程运转ng s –env=test就能够运转测试环境了，在须要的处所引入environment即可。