浅谈angular6开发环境与测试环境以及生产环境

一、angular6环境

environment.ts

开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。

environment.test.ts

测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。

environment.pro.ts

生产环境：是值正式提供对外服务的，一般会关掉错误报告，打开错误日志。

三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实环境。

Angular6 如何配置开发环境，测试环境，生产环境：

1、在environments文件夹里新建三个文件：

//生产环境

environment.prod.ts：

export const environment = {

production: true,

url: 'http://xxx',

url2: 'http://xxx',

url3: 'http://xxx',

};

//测试环境

environment.test.ts：

export const environment = {

production: false,

url: 'http://xxx',

url2: 'http://xxx',

url3: 'http://xxx'

};

//本地环境

environment.ts：

export const environment = {

production: false,

url: 'http://xxx',

url2: 'http://xxx',

url3: 'http://xxx',

};

2、重点是第二步（有别于Angular4）：

找到angular.json文件

找到 projects - architect - build - configurations 配置如下：

"production": {

              "optimization": true,

              "outputHashing": "all",

              "sourceMap": false,