Angular6 配置项目开发环境,测试环境,生产环境

搜过很多文章说的都是关于Angular4的配置,后面自己又找了许多资料,最后总结了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,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            },
            "test": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.test.ts"
                }
              ]
            }

3、在接口服务里引入

 import {environment} from '../environments/environment';
   url = environment.url;
   url2 = environment.url2;
   url3 = environment.url3;

4、package.json 配置里修改:

"scripts": {
    "ng": "ng",
    "start": "ng serve --host 192.168.1.187",
    "build": "ng build --prod --configuration=production",
    "buildTest": "ng build --prod --configuration=test",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

猜你喜欢

转载自blog.csdn.net/wsqwsq1596/article/details/82706798