发布自己写的npm包

发布自己写的npm包

步骤:

一、创建packages目录

文件结构如下:


二、在HelloWorld/src/HelloWorld.vue文件中写入你的组件


三、在HelloWorld/index.js中配置


四、在 packages/index.js中全局配置


五、配置package.json的打包文件 将其打包成库模式 修改这一行代码


六、运行 npm run lib 即可,打包成功后出现lib文件



以上是发布代码之前的操作,遇到的错误有:

1、配置文件index.js中的路径写错了

2、全局配置文件Index.js中,最后的导出,加了HelloWorld之后报错,只把install导出就没有报错了  原因暂未可知???


当我们打包完成之后,就只剩下发布到npm上了

首先:

一、配置package.json文件的内容


二、添加一个.npmignore的文件 隐藏不需要上传的包


三、使用命令行登录npm账号 如果没有账号先注册

注册命令:npm adduser  (建议直接去npmjs官网注册)

登录:npm login  会让你输入账户名  密码 邮箱 (密码是不显示的)

四、登录成功之后 上传

npm publish  上传

npm unpublish  强制删除


一切顺利的话我们就能去npm搜到我们上传的包了,如果发布出错了也不要慌,总结一下几点遇到的错误:

1、提示你没有权限上传此包 原因是包名重复了,被其他伙伴用过了,去package.json里面改下name字段就可以了

2、提示邮箱问题  十有八九就是注册的时候给你发的邮件你没有点击激活,相当于没有实名认证,只需要去你的邮箱里面点击下npm发给你的连接即可~~

3、在发布的时候你可能没有切换镜像源  要切换回站才能发布  不能使用淘宝镜像哦~~~


一个到一点还没吃早饭的人儿终于含泪写下这篇总结,因为我遇到的坑实在太多,整整耗时一个下午加今天上午的俩小时,才把包发布出去,哈哈哈哈哈   ,好啦,我要去吃泡面了!!!!

over~~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容