Пользовательские шаблоны уровня проекта для угловых компонентов, созданных с помощью angular-cli

Question

Как добавить пользовательские схемы угловых компонентов в существующий проект?

Я хотел бы иметь, например, my-page шаблоны компонентов, которые будут копировать существующие \node_modules\@schematics\angular\component\ файлы, но с отредактированными шаблонами.

Я ожидаю, что это будет достигнуто через angular-cli например ng g my-page pagename команда с атрибутом схемы.

В настоящее время я изменил код для существующих схем agular под \node_modules\ так что это хорошо работает для меня (до следующей установки пакета), но я хотел бы поделиться этим с командой, чтобы все использовали предопределенные шаблоны, которые будут храниться, например, в 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

Answer 1

Что касается Angular CLI, у нас может быть только одна схема. Возможно, вы можете создавать собственные схемы schmatics '@foo/schematics' и расширять @angular/schematics в angular.json и настраивать схемы в соответствии с вашими потребностями.

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

Answer 2

Вы не должны изменять основные схемы. С другой стороны, вы можете создать свою собственную схему.

Создание схемы - пошаговый процесс. Вы можете найти то же самое в Schematics - Введение.