angular - angular.cli 服务配置中的文件替换

Question

我需要使用 fileReplacements 替换我的 Angular 应用程序中的文件，但似乎只有 build 才有这个功能配置，而不是 serve配置。
这是我的 angular.json 的摘录:

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "SupplierPortal:build"
  },
  "configurations": {
    "production": {
      "browserTarget": "SupplierPortal:build:production"
    },
    "fr": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.fr.ts"
        }
      ],
      "browserTarget": "SupplierPortal:build:fr"
    }
}

但是编译器提示:

Schema validation failed with the following errors:

Data path "" should NOT have additional properties(fileReplacements).

是否可以为各种服务构建配置配置？

Answer 1

你几乎明白了。在构建配置中指定 fileReplacements 后，只需要告诉服务配置要使用哪个构建配置。

然后就可以执行ng serve -c=fr并且服务将应用 fr 构建配置:

{
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "configurations": {
      "fr": {
        "fileReplacements": [{
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.fr.ts"
        }]
      }
    }
  },
  "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "SupplierPortal:build"
    },
    "configurations": {
      "production": {
        "browserTarget": "SupplierPortal:build:production"
      },
      "fr": {
        "browserTarget": "SupplierPortal:build:fr"
      }
    }
  }
}