nrwl/nx 原理图创建 angular 应用程序并配置 angular json

Question

我在 nrwl/nx monorepo 工作。我的应用程序在 angular.json 中具有自定义配置。例如，输出路径是自定义的。现在我想写我自己的原理图，它将配置我的项目。

我的问题是，我不知道如何编写可以更改 angular.json 中属性的原理图。我需要帮助。

祝你好运。

Answer 1

这是通过 nx-workspace 示意图更改 angular json 中的输出路径的一个选项：

function updateOutputPath(name: string, prefix: string): Rule {
  return (host: Tree) => {
    const angularJson = JSON.parse(host.read('angular.json').toString());
    const appOutputPath = angularJson.projects[name].architect.build;
    const appPrefix = angularJson.projects[name];
    appPrefix.prefix = `${name}`;
    appOutputPath.options.outputPath = `dist/${prefix}/static`;
    angularJson.projects[name] = prefix;
    angularJson.projects[name].architect.build = appOutputPath;
    host.overwrite('angular.json', JSON.stringify(angularJson));
  }
}

nrwl/nx 原理图创建 angular 应用程序并配置 angular json

nrwl/nx schematics create angular app and configure angular json

angular

nrwl

nrwl-nx

angular-schematics