Как включить локальную библиотеку в Angular?

Question

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

ng new my-components-library
cd my-components-library
ng generate library components-library

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

Внутри рабочей области моего проекта

npm install ../my-components-library/projects/components-library

команда выполняется правильно, и я получаю ссылку на библиотеку в package.json хост-проекта, но когдаЯ должен включить модули из внешней библиотеки в модуль проекта, используя import {myModule} from 'components-library' Я получаю ошибку, потому что Angular не может найти модуль.

Answer 1

Вы можете создать библиотеку angular и затем использовать ее в любом количестве проектов

Вот как создать библиотеку angular2 https://makina -corpus.com / blog / metier / 2017 / how-для создания угловой библиотеки

с angular-cli https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

Answer 2

Необходимо зарегистрироваться в angular.json

"scripts": ["src/assets/scripts/yourComponentLibrary.js"]

В вашем компоненте, где вы хотите использовать библиотеку, необходимо объявить как константу выше @Component ({...

declare const YourComponentLibraryName: any;