angular - 如何扩展现有的 Angular 示意图

Question

我想自定义 ng g app 原理图，以便调用 ng g app myapp 将创建 myapp/src/environments/environment.ts 文件如下:

import { environment as baseEnvironment } from '@myworkspace/environments/environment';

export const environment = Object.assign(
  { production: false },
  baseEnvironment
);

Nx docs展示如何设置，但不展示任何代码示例，我们将不胜感激。

Answer 1

是的，有一种方法可以做到这一点，而且很容易 :)创建一个原理图，并将“extends”: [ “@schematics/angular” ] 添加到这个原理图的 collection.json 中。 (或者@nrwl/schematics，如果你正在使用它的话)

将您的原理图定义为“app”(因为这是您要编辑的功能)——工厂将使用 externalSchematic 方法调用 angular/nrwl 的创建应用程序原理图，您可以将您的环境文件添加到这个创建的树中。

完成! (我假设创建原理图的知识是已知的，如果不知道，https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2 应该是一个很好的起点)