前提:前段时间工作,我这边业务侧需要依赖到同事开发的组件包。工作不久,还未真正独立完成一个通用组件并将其发布,今天先分享一波发包的流程以及版本号注意事项。开搞!
1.注册NPM账户
2.创建项目
npm init
复制代码
初始化packag.json,注意version(版本号)的定义规范
- 新版本号 1.0.0
- fix bug 1.0.1
- 功能向后兼容迭代 1.1.0
- 破坏性修改 2.0.0(必须跟新major号)
{
"name": "publish-hong",
"version": "1.0.0",
"description": "0.0.1",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
复制代码
3.发布
接下来的操作就没啥了,老铁们直接执行
npm publish
复制代码
可能会碰到403 400 等等错误,常见的大概都是写npm包重名啊,或者权限不够等情况,自行根据错误码提示fix
tips: 执行npm publish 之前最好看看当前处于什么npm账户下,免得误传。
npm who i am
复制代码
4.安装
发布完成,安装一波看看行不行~
5.引申
关于package.json中npm install版本号的书写规则
- "@fe/demo": "^1.1.0" 更新第二、三位
- "@fe/demo": "~1.1.0" 更新最后一位
- "@fe/demo": "1.1.0" 不更新版本
上图更为直观:
以loash这个包为例分别对^ 、~、 x.x.x三种情况进行计算 测试网址