angular-cli - 用于默认/开发的 Angular CLI 文件替换

Question

我有一个相当复杂的 angular.json因为我有多个项目。我想要的是每个项目单独的 environment.ts 文件。当构建目标是生产时替换环境文件似乎非常简单:

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/private-label/redacted/environments/environment.prod.ts"
      }
    ],
  }
}

我正在寻找的是一种对默认/开发配置执行相同操作的方法。 angular.json不包含任何我能找到的类似配置节点，所以我不确定是否可能和/或在哪里指定 fileReplacements当不针对生产时。

当然，如果有更好的方法来处理我没有看到的每个项目的环境，我也会对此感兴趣。

Answer 1

我假设“默认/开发配置”是指 ng serve 提供的服务命令。

选项 1:替换环境文件:

您可以指定 fileReplacements build 中的数组对象也是如此(这个用于 ng serve )。

  "build": {
    "options": {
      [...]
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.development.ts"
        }
      ]      
    },
    "configurations": {
      // other - non default - configurations 
    }
  }

选项 2:指定默认配置:

如果你想使用 ng serve 提供一个已经存在的配置，您可以更改 serve选项:

  "configurations": {
    "youConfigName": {
      // config details here
    }
  },
  [...]
  "serve": {
    "options": {
      "browserTarget": "name-of-your-app:build:youConfigName"
    }
  }

重要的一点是使用 :yourConfigName 设置构建配置目标.

这两个选项都是按项目配置的，因此您可以完全控制。