如何在tfs构建管道中为Angular 7设置环境

Question

我试图在tfs构建管道中设置特定的环境，但是它总是设置dev环境，这是默认环境。但是，ng serve命令可以正常工作。

这是我的应用程序版本详细信息。

Angular CLI: 7.3.9
Node: 10.16.0
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cdk                      7.3.7
@angular/cli                      7.3.9

这是我的配置方式。

环境>

└── environments
        ├── environment.prod.ts
        ├── environment.staging.ts
        └── environment.ts

angular.json

"configurations": {
  "production": { ... },
  "staging": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.staging.ts"
      }
    ]
  }

angular.json>服务

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "my-app:build"
          },
          "configurations": {
            "staging": {
              "browserTarget": "my-app:build:staging"
            },
            "production": {
              "browserTarget": "my-app:build:production"
            }
          }

构建管道脚本>

我尝试运行不同的命令，但无济于事。

build --prod --configuration=staging
build --prod --configuration staging
build --configuration=staging

Answer 1

在package.json中使用此设置

"scripts": {
    "stag": "ng build --configuration=staging",
  },

然后只需在管道中使用npm run stag

因此，您的npm command选项是run stag。无需争论

Answer 2

在package.json中设置自定义生成命令后

"scripts": {
"staging": "ng build --configuration=staging",

}，

在本地计算机上使用时，请使用npm run staging，但在Azure构建中使用时，请使用custome命令和命令参数run stagin