通过angular-cli生成的角度组件的自定义项目级模板

时间:2018-09-10 08:48:44

标签: angular angular5 angular-cli angular-schematics

如何将自定义角度组件原理图添加到现有项目?

我想要例如my-page个组件模板,这些模板将复制现有的\node_modules\@schematics\angular\component\文件,但带有已编辑的模板。

我希望它可以通过angular-cli实现,例如具有原理图属性的ng g my-page pagename命令。

当前,我为\node_modules\下的现有agular原理图修改了代码,因此对我来说很好用(直到下一个软件包安装),但是我想与团队分享,以便每个人都将使用将存储在其中的预定义模板例如src\team-schematics\

我该如何实现?

我试图通过schematics schematic --name my-schematic创建新的原理图,将成角度的原理图复制到\ClientApp\src\app\my-schematic\\并尝试启动$ ng generate my-page --collection \ClientApp\src\app\my-schematic,但到目前为止还算运气:

Error: Could not find module "\\ClientApp\\src\\app\\my-schematic\\" from "C:\\Users\\xxx\\Projects\\yyy

2 个答案:

答案 0 :(得分:-1)

至于Angular CLI,我们只能有一个原理图。也许您可以创建自定义模式'@ foo / schematics',并在angular.json中扩展@ angular / schematics并根据需要自定义原理图。

ng new C myComponent --collection=@foo/schematics

答案 1 :(得分:-1)

您不应修改核心原理图。另一方面,您可以创建自己的原理图。

创建原理图是一个逐步的过程。您可以在Schematics — An Introduction上找到它们。