发布自己写的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~~~