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 路徑下生成測試環境的包文件