angular - 合并两个不同 Angular 配置的 fileReplacement 属性

Question

我有一堆 Angular 配置，我将它们相互结合使用以构建不同的版本，但我遇到的一个问题是配置的 fileReplacements 属性未合并，并且给出了最后一个配置在构建命令中覆盖配置属性的其余部分。

例子:

文件 config1 的 fileReplacements

{
     "replace": "src/app/tools/white-label.config.ts",
     "with": "src/app/tools/xyz.config.ts"
 }

和config2的fileReplacements

 {
    "replace": "src/app/config/dashboard.config.ts",
    "with": "src/app/config/manage-dashboard.config.ts"
 }

当我用命令构建时

ng build --configuration=config1,config2

仅适用于 config2 的替换

Answer 1

解决方案很简单:

在 ~/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js

更改此部分(在第 150 行附近使用 Angular 13)

for (const configuration of configurations) {
    options = {
        ...options,
        ...(await this.workspaceHost.getOptions(target.project, target.target, configuration)),
    };
}

有了这个

for (const configuration of configurations) {
    const prevFileReplacements = options.fileReplacements || [];
    options = {
        ...options,
        ...(await this.workspaceHost.getOptions(target.project, target.target, configuration)),
    };
    options.fileReplacements = prevFileReplacements.concat(options.fileReplacements);
}