angular8 配置 测试环境打包指令 生成测试环境包指令

1.angular.json 文件中在architect 下添加 buildTest指令

距离位置

projects => (你的项目名称) => architect 下
和 build 指令 serve 指令同级

"buildTest": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
    "outputPath": "dist/insuranceTest/", // 这里是打包后文件的生成路径
    "index": "src/index.html",
    "main": "src/main.ts",
    "polyfills": "src/polyfills.ts",
    "tsConfig": "src/tsconfig.app.json",
    "assets": [
      "src/favicon.ico",
      "src/assets"
    ],
    "styles": [
      "src/styles.less"
    ],
    "scripts": []
  },
  "configurations": {
    "test": { // 这里是配置环境地址
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.test.ts" // 使用测试环境地址
        }
      ],
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true,
      "budgets": [
        {
          "type": "initial",
          "maximumWarning": "2mb",
          "maximumError": "5mb"
        }
      ]
    }
  }
},

2.配置测试环境打包指令

打开package.json文件

在script中添加

"buildTest": "ng run biService:buildTest --build--optimizer --aot --configuration=test",

3.使用

npm run buildTest

这时候就会执行测试环境的打包指令 并且会在 dist/insuranceTest 路径下生成测试环境的包文件