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 相关文章推荐
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
Redis基本知识、安装、部署、配置笔记
Mar 05 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
vue服务端渲染添加缓存的方法
Sep 18 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 Javascript
React中使用Vditor自定义图片详解
Dec 25 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中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
js 替换
2008/02/19 Javascript
超简单的jquery的AJAX用法
2010/05/10 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
javascript中json基础知识详解
2017/01/19 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
使用Vue实现一个树组件的示例
2020/11/06 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
python基础教程之元组操作使用详解
2014/03/25 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
出纳担保书范文
2014/04/02 职场文书
实习单位证明范例
2014/11/17 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
Nginx配置文件详解以及优化建议指南
2021/09/15 Servers