Как правильно опубликовать пакет NPM с пользовательским интерфейсом Kendo в качестве его зависимости?

Question

Я создал библиотеку Angular для публикации sh как пакет NPM и заставил ее работать. Однако, когда я попытался использовать Kendo UI Button для моего компонента внутри библиотеки, я могу опубликовать sh до NPM, но это не очень удобно. После установки пакета NPM в другое приложение Angular он не будет работать, и мне пришлось вручную установить Kendo UI Button с помощью этой команды:

ng add @ progress / kendo- angular -buttons

После этого я попытался также использовать эту команду внутри моего библиотечного проекта, она добавила папку node_modules в мою библиотечную папку. Помимо этого, он также обновил package.json для моей библиотеки. После повторной публикации и переустановки в другом приложении оно теперь работает!

Однако в папке моей библиотеки есть избыточный node_modules, и я этого не хочу. Могу ли я пропустить, используя ng add внутри моей папки библиотеки, и просто скопировать зависимости, добавленные при запуске этой команды?

Answer 1

Я забыл добавить стили Kendo UI в мой массив styles.

1. Создать библиотеку
2. ng add @progress/kendo-angular-buttons
3. Добавить импорт кнопок Kendo UI в библиотечный модуль
4. Редактирование библиотеки package.json и ng-package.json для добавления зависимостей пользовательского интерфейса Kendo
   • dependencies и whitelistedNonPeerDependencies
5. ng build library
6. Go внутри dist/lib, Publi sh до NPM
   • использование npm init, npm login, npm publish
7. npm install library в другом Angular приложении
8. Добавить Kendo CSS в styles массив в angular.json

"styles": [
  {
    "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
  },
  "src/styles.css"
]