从0到1 创建vue Ui组件并发布到npm

1.第一步 通过vue UI 创建vue 3.0 模板

2.修改目录结构,将pages转为examples;

3.新建packages 文件夹并更新webpack.config.js 配置入口

4.在packages新建具体Ui组件如 dialog等,子组件内部 目录结构 dialog.vue 和 index.js  父目录统一引入各个字组件 入口为父目录的index.js

5.修改package.json 中新增一条编译为库的命令并打包 

6.预发布npm,配置package.json 指定npm发布名,版本号等

7.添加 .npmignore 文件,设置忽略发布文件

8.登录npm 账号 发布

 

参考博客:https://www.bianchengquan.com/article/142523.html   

参考博客:http://www.rxshc.com/180.html

 

posted @ 2021-06-27 11:34  呆呆的射手座  阅读(108)  评论(0)    收藏  举报