Как правильно создать библиотеку Angular с несколькими компонентами?

Question

Я реорганизую основные компоненты, которые составляют страницу поиска, в библиотеку angular. Я хотел бы иметь несколько компонентов в этой библиотеке angular, то есть LookupControls, PagingHeader, PagingFooter и т. Д. c. Я хочу иметь возможность поместить <lookup-controls></lookup-controls>, <paging-header></paging-header> и <paging-footer></paging-footer> в HTML в проекте приложения angular, где эта библиотека установлена ​​как пакет npm, и использовать компоненты по отдельности.

Как правильно это сделать?

Answer 1

Если вы не хотите использовать Angular CLI для создания библиотеки Angular (или если у вас нет правильной версии CLI, которая ее реализует), вы можете использовать angular-library-starter сделано Роберто Симонетти. Этот стартер позволяет вам создать библиотеку для Angular приложений, совместимых с компиляцией AoT и встряхиванием дерева, как в официальном пакете. Проект основан на официальных Angular пакетах.

Именно с этого стартера я создал свою первую библиотеку ngx-smart-modal и другие библиотеки. Легко создавать, тестировать и обслуживать.

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

Answer 2

Документы Angular имеют полезное руководство по созданию библиотек с CLI .

. Я недавно использовал это руководство для создания пары библиотек, один из которых имеет 3 компонента. Я обнаружил, что лучше всего создать библиотеку в отдельном каталоге от приложения, которое в настоящее время содержит компоненты, которые вы реорганизуете, поскольку это позволяет избежать некоторых проблем при локальном тестировании вашей библиотеки, используя ее в вашем приложении.