Библиотека угловых подач

Question

В последних версиях Angular cli мы можем использовать команду ng g library lib-name для создания библиотеки. Как упомянуто в Angular документах :

ng serve <project>

И

<project>   The name of the project to build. Can be an app or a library.

Итак, мы можем обслуживать библиотеку . Но когда я служу, я получаю следующие ошибки:

Project 'ngx-tab-component' does not support the 'serve' target.
Error: Project 'ngx-tab-component' does not support the 'serve' target.
at ServeCommand.initialize (C:\Users\vahidnajafi\angular\ngx-tab-app\node_modules\@angular\cli\models\architect-command.js:53:19)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
at Function.Module.runMain (module.js:695:11)
at startup (bootstrap_node.js:191:16)
at bootstrap_node.js:612:3

Answer 1

Наконец-то найдено решение.

Сначала я наблюдаю за созданной версией библиотеки, следуя (предоставлено из Angular Cli 6.2 ):

ng build foo-lib --watch

Тогда я подаю заявление просто:

ng serve

И я импортирую модуль из каталога dist (потому что я могу смотреть на встроенную версию):

import { FooLibModule } from 'dist/foo-lib';

Тогда каждое изменение в моей библиотеке приводит к изменению версии сборки, и мое приложение может корректно перезагружаться.

Кажется, процесс немного сложен.

Answer 2

Проект, в котором вы генерируете свою библиотеку, служит хостом для отладки и тестирования.

Просто импортируйте вашу библиотеку в модуль хост-приложения, убедитесь, что все зависимости доступны, и обслуживайте хост-приложение. Все изменения, которые вы делаете внутри вашей библиотеки, напрямую загружаются в ваше хост-приложение.

Примечание: Вы должны импортировать projects/foo-lib/src/public_api, а не 'dist / foo-lib', хотя

Используйте название вашей официальной библиотеки, например @foo/foo-library, angular найдет его в правильном месте.