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"
    }
}

但是编译器抱怨：

架构验证失败，出现以下错误：

数据路径“”不应有其他属性（文件替换）。

是否可以针对各种服务构建进行配置？

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"
      }
    }
  }
}