美文网首页
创建自己的angular组件库

创建自己的angular组件库

作者: 陈小爬_ | 来源:发表于2023-05-08 16:40 被阅读0次

项目创建

1、创建空项目
ng new ng-cw-v12 --create-application=false
2、初始化组件库, --prefix: 前缀, 在用命令行新建组件/指令时,selector的属性值的前缀:
cd ng-cw-v12
ng generate library components --prefix nc
3、项目目录


QQ截图20230509163138.png

4、其中ng-cw.moddule.ts内容为


QQ截图20230509163249.png
5、其中public-api.ts内容为
QQ截图20230509163340.png
6、其中package.json内容为
QQ截图20230509163756.png

新建组件

ng generate component component-name --project components

发布组件库

ng build components
cd dist\components
npm adduser (第一次发布的情况)
npm login (如果没有到官网登录)
npm publish

相关文章

网友评论

      本文标题:创建自己的angular组件库

      本文链接:https://www.haomeiwen.com/subject/uqslsdtx.html