Node.js中package.json中库的版本号(~和^)


Posted in Javascript onApril 02, 2019

~和^的区别

最近总是碰到一些问题, 在本地好好的, 在线上就出现了问题, 本地也一直复现不了, 后来把node_modules目录删除了之后, 重新安装, 就在本地复现了这个问题,可以看了git history, 并没有人修改package.json中的版本号,于是认真的了解了一下package.json中库的版本号;

~和^的区别

"babel-loader": "^7.1.1",
"body-parser": "~1.15.2"

npm install --save xxx, 会优先考虑使用 ^而不是~

以版本号x.y.z为例

x:主版本号, 当你做了不兼容的API修改

y:次版本号, 当你做了向下兼容的功能性问题

z:修订号, 当你做了向下兼容的问题修复

~x.y.z, 会更新到y最新的版本, 例如 body-parser: ~1.15.2, 这个库会去匹配到1.15.z的最新版本, 如果出现了1.16.0, 则不会自动升级
^x.y.z, 会更新到x的最新版本, 例如 babel-loader: ^7.1.1, 这个库会去匹配7.y.z的最新版本, 如果出现了8.1.1, 则不会自动升级

'~'(波浪符号):他会更新到当前minor version(也就是中间的那位数字)中最新的版本。放到我们的例子中就是:"exif-js": "~2.3.0",这个库会去匹配更新到2.3.x的最新版本,如果出了一个新的版本为2.4.0,则不会自动升级。波浪符号是曾经npm安装时候的默认符号,现在已经变为了插入符号。
'^'(插入符号): 这个符号就显得非常的灵活了,他将会把当前库的版本更新到当前major version(也就是第一位数字)中最新的版本。放到我们的例子中就是:"vue": "^2.2.2", 这个库会去匹配2.x.x中最新的版本,但是他不会自动更新到3.0.0。

可以参考npm官方给出的解释

^1.2.3 := >=1.2.3 <2.0.0
^0.2.3 := >=0.2.3 <0.3.0
^0.0.3 := >=0.0.3 <0.0.4

大多数情况下遵循这种版本号规则的依赖包都没问题, 但是npm是开源的世界, 并不是所有的都严格遵循这种规则, 所以会出现上述的问题;

为什么需要package锁

有如下几个可能原因, 在某些情况下, package.json是无法保证每个人自己电脑上执行的 npm install 后安装的依赖版本都是一样的

1.如果package.json中记录的依赖包的版本是一个版本范围, 一旦执行npm i 会导致这个包更新到最新版本

2.就算你依赖了一个固定版本的包(如A 1.1.1), 但你依赖的包A可能依赖其他的包B,而A在声明依赖时可能也使用了semser命名, 如 ^1.2.3, 如果包B release 了新版, 也会导致包B会安装到更新版本

3.不同人使用的npm程序的版本不同

如果依赖包的版本不一致, 会导致开发环境和生产环境产品不一致的行为; 或者导致不同团队成员之前也产品环境差异

如何解决包版本不一致的情况

1.npm 使用package-lock.json文件来解决这个问题

执行npm install会自动生成package.json文件, 只要执行普通的安装, 更新等可能会修改 package.json的npm命令, 都会自动同步修改package-lock.json文件

npm install xxx
npm rm xxx
npm update xxx

2.npm 还支持npm-shrinkwrap.json, 和package-lock.json功能完全一样

执行 npm shrinkwrap来生成npm-shrinkwrap.json

此命令将根据 package-lock.json 文件创建一个新的或覆盖已有的 npm-shrinkwrap.json 文件。 此命令创建和更新的文件将优先于任何其他现有或将有的 package-lock.json 文件。

3.使用yarn

使用yarn主要有一下优点

  • 快速: 会缓存它下载的每个包,无需重复下载;能并行化操作以最大资源利用率
  • 可靠:使用格式详尽而又简洁的 lockfile文件 和确定性算法来安装依赖,能够保证在一个系统上的运行的安装过程也会以同样的方式运行在其他系统上。
  • 安全: 安装包被执行前校验其完整性
  • yarn速度比npm快一些, yarn的锁文件是yarn.lock, 能解决包版本不一致的情况

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript web页面刷新的方法收集
Jul 02 Javascript
jquery nth-child()选择器的简单应用
Jul 10 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
js实现倒计时效果(小于10补零)
Mar 08 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
基于Vue插入视频的2种方法小结
Apr 02 #Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 #Javascript
小程序实现自定义导航栏适配完美版
Apr 02 #Javascript
es6 symbol的实现方法示例
Apr 02 #Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 #Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 #Javascript
Vue 组件修改根实例的数据的方法
Apr 02 #Javascript
You might like
PHP与SQL注入攻击[二]
2007/04/17 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
php开发文档 会员收费1期
2012/08/14 PHP
页面利用渐进式JPEG来提升用户体验度
2014/12/01 PHP
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
jQuery绑定事件不执行但alert后可以正常执行
2014/06/03 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
JavaScript事件委托用法分析
2015/01/24 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
python进阶教程之循环对象
2014/08/30 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
python提取内容关键词的方法
2015/03/16 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
浅析Python 序列化与反序列化
2020/08/05 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
英国办公用品商店:Office Outlet
2018/04/04 全球购物
预备党员承诺书
2014/03/25 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
政府领导干部个人对照检查材料思想汇报
2014/09/24 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
解析Redis Cluster原理
2021/06/21 Redis
python处理json数据文件
2022/04/11 Python