首页 > 其他 > 详细

个人组件库发布到npm仓库

时间:2021-04-09 00:09:13      阅读:45      评论:0      收藏:0      [点我收藏+]

1.基于vue-cli-service创建项目

2.修改目录结构,packages存放组件库和 图标文件, examples用于测试组件。vue.config.js文件修改项目入口文件

技术分享图片

 

vue.config.js如下

技术分享图片

 

 

 完成组件开发后,需要在package.json文件中配置打包成Lib指令

技术分享图片

 

 打包入口文件指向指令库内的index.js文件, /packages/index.js 对外暴露install方法;

 

最后修改package.json内部private属性 -- 置为false(// 因为组件包是公用的,所以private为false)

技术分享图片

 

 

通过lib命令打包后,生成dist文件

----上传git操作-----

添加.gitignore文件,忽略不必要的文件

 

-------上传npm公共仓库操作------------

1, 进入项目根目录,进入终端.

2, npm login       个人npm 用户名密码输入,登录成功后通过  npm publish命令发布到npm仓库

3.使用同 element-ui,  同时需要引用正确的(dist到后的css文件路径)样式文件

个人组件库发布到npm仓库

原文:https://www.cnblogs.com/lywblog/p/14634875.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!