首页 > 技术文章 > 把组件库发布到 npm

babywhale 2020-08-18 18:45 原文

package.json

名称 name
就是包名,这个组件库 name: "xmh-ui"

版本 version
npm 的版本控制标准 —— 语义化版本

版本格式:主版本号.次版本号.修订号,版本号递增规则如下:

主版本号:当你做了不兼容的 API 修改,
次版本号:当你做了向下兼容的功能性新增,
修订号:当你做了向下兼容的问题修正。

发布之前可以先在本地测试一下

组件库下 npm link 可以把组件库注册到全局
应用项目中 npm link xmh-ui ,即可把组件库安装到 node_modules 中使用

当组件库有更新,再执行下 npm link ,应用项目重启一下就可以了

发布

先登录

$ npm adduser
Username: babywhale
Password: 
Email: (this IS public) xjniu1990@163.com
Logged in as babywhale on http://registry.npm.taobao.org/.

咦?我的源是 taobao 镜像,这样是发布不了的,需要改回来

$ npm config set registry http://registry.npmjs.org/ 

好了,现在一定要重新 adduser 一遍

$ npm adduser
Username: babywhale
Password: 
Email: (this IS public) xjniu1990@163.com
Logged in as babywhale on http://registry.npmjs.org/.

然后 publish

npm ERR! code E403
npm ERR! 403 403 Forbidden - PUT http://registry.npmjs.org/xmh-ui - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

又出错了,提示我的 npm 账户还没有验证邮箱。ok,登录邮箱点链接验证。
再来 publish

+ xmh-ui@0.1.0

成功了

推荐阅读