将自定义环境参数传递给@angular-builders/custom-webpack

Question

在我们的 Angular 9 应用程序中，我们在 angular.json 中配置了多个环境。

我们还使用 @angular-builders/custom-webpack 添加一些自定义插件，这些插件需要一些基于环境的输入变量，但是如果我向环境节点添加自定义属性，我会收到此错误：

数据路径“”不应具有其他属性（customPluginConfigForSandboxEnvironment）

"architect": {
   "build": {
     "configurations": {
       "sandbox": {
        "outputPath": ....,
        "customPluginConfigForSandboxEnvironment": {}

有可能做这样的事情吗？

在 customWebpackConfig 文件中，我可以从选项中读取 outputPath

 module.exports = (config, options) => {

并在这里保存我的额外配置，但如果可能的话，我更愿意将所有配置保留在 angular.json 中。

谢谢

Answer 1

您可以使用两个单独的配置文件：

{
  ...
  "projects": {
    "your-app": {
      ...
      "architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "mergeRules": {
                "externals": "replace"
              }
            },
            ...
          },
          "configurations": {
            "production": {
              "customWebpackConfig": {
                "path": "./webpack.config.prod.ts"
              },
              ...
            },
            "development": {
              "customWebpackConfig": {
                "path": "./webpack.config.dev.ts"
              }
            }
          },
          ...
        }
      }
    }
  }
}