以 Kendo UI 作为依赖发布 NPM 包的正确方法是什么?

What's the Proper Way of Publishing an NPM Package with Kendo UI as Its Dependency?

我创建了一个 Angular 库来作为 NPM 包发布,我已经让它工作了。但是,当我尝试对库中的组件使用 Kendo UI 按钮时,我可以发布到 NPM,但它不是很有用。在另一个 Angular 应用程序中安装 NPM 包后,它不起作用,我不得不使用以下命令手动安装 Kendo UI 按钮:

ng add @progress/kendo-angular-buttons

之后,我也尝试在我的库项目中使用该命令,它在我的库文件夹中添加了一个 node_modules 文件夹。除此之外,它还为我的图书馆更新了 package.json。再次发布并重新安装到我的其他应用程序后,它现在可以使用了!

但是,我的图书馆文件夹中有多余的 node_modules,我不想要这个。我可以跳过在我的库文件夹中使用 ng add 并只复制在该命令为 运行 时添加的依赖项吗?

我忘记在我的 styles 数组中添加 Kendo UI 样式。

  1. 生成库
  2. ng add @progress/kendo-angular-buttons
  3. 添加Kendo UI 按钮导入库模块
  4. 编辑库 package.jsonng-package.json 以添加 Kendo UI 依赖项
    • dependencieswhitelistedNonPeerDependencies
  5. ng build library
  6. 进入dist/lib,发布到NPM
    • 使用 npm initnpm loginnpm publish
  7. npm install library 在另一个 Angular 应用中
  8. 将KendoCSS添加到angular.json
  9. 中的styles数组
"styles": [
  {
    "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
  },
  "src/styles.css"
]