以 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 样式。
- 生成库
ng add @progress/kendo-angular-buttons
- 添加Kendo UI 按钮导入库模块
- 编辑库
package.json
和 ng-package.json
以添加 Kendo UI 依赖项
dependencies
和 whitelistedNonPeerDependencies
ng build library
- 进入
dist/lib
,发布到NPM
- 使用
npm init
、npm login
、npm publish
npm install library
在另一个 Angular 应用中
- 将KendoCSS添加到
angular.json
中的styles
数组
"styles": [
{
"input": "node_modules/@progress/kendo-theme-default/dist/all.css"
},
"src/styles.css"
]
我创建了一个 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 样式。
- 生成库
ng add @progress/kendo-angular-buttons
- 添加Kendo UI 按钮导入库模块
- 编辑库
package.json
和ng-package.json
以添加 Kendo UI 依赖项dependencies
和whitelistedNonPeerDependencies
ng build library
- 进入
dist/lib
,发布到NPM- 使用
npm init
、npm login
、npm publish
- 使用
npm install library
在另一个 Angular 应用中- 将KendoCSS添加到
angular.json
中的
styles
数组
"styles": [
{
"input": "node_modules/@progress/kendo-theme-default/dist/all.css"
},
"src/styles.css"
]