webpack中package-lock.json的作用

最新推荐文章于 2023-06-16 10:54:11 发布
最新推荐文章于 2023-06-16 10:54:11 发布
阅读量485 收藏
点赞数
文章标签： webpack json 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48171371/article/details/122218897
版权

1.package.json
只能锁定大版本号，即版本号的第一位，在npm install时，默认都是下载该大版本下最新的版本。
为了考虑稳定性，一般是不随意升级版本的。

2.package-lock.json
保证当前项目npm包的依赖树是相同的一个依赖树，不考虑这个过程中是否有某个依赖有小版本的更新。
它的产生就是来对整个依赖树进行版本固定的（锁死）。

  • 应该上传到git仓库，参考
我要手撕源码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
package.json与package-lock.json
Cassie's blog
06-18 685
任何事情都不是凭空发生，特别在是技术这件事情上；任何事情都是由最最基础发展而来的，只要追本溯源就能解决问题。 问题的产生 起因：项目走自动化构建不成功，构建失败说一个包连接github失败，但是我在package.json里面根本没找到这个包，在代码里面也没看到（神奇脸.jpg） 猜测：可能是哪个包关联了吧。 结论：确实在package-lock.json里面发现了这个包，是项目中另一个包引入的问题，看到项目并没有用，就删除了，自动化是成功解决了。问题来了，为什么会出现这种情况，package..
packaage.json 和package-lock.json 解析和npm 基本的命令合集
qq_46030883的博客
04-08 2171
packaage.json 和package-lock.json 解析 { "name": "aaa", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "IS
[转] package-lock.json
weixin_30481087的博客
07-03 502
其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 引用知乎@周载南的回答 根据官方文档，这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么用呢？因为npm是一个用于管理pa...
webpack安装后package-lock.json 的作用
weixin_30355437的博客
06-06 347
这个文件主要功能是确定当前安装的包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新。避免了依赖升级和当前项目不兼容！ 转载于:https://www.cnblogs.com/alvin553819/p/9143587.html...
package-lock.json的作用
周二也被占用
01-06 943
相对图片做一个灰度转换，在网上找到这么一个方法，但是不太清楚原理，搜索一下大概了解了就做个简单的记录： 方法： var c=document.getElementById("myCanvas"); #获取h5的canvas属性 var ctx=c.getContext("2d"); #返回一个对象，该对象提供了用于在画布上绘图的方法和属性 var image_data=docum
Webpack入门教程
徐同保的专栏
09-07 972
Webpack入门教程
package-lock.json 和 package.json 的区别
Tee_ice的博客
08-20 530
package.json:     主要用来定义项目中需要依赖的包 package-lock.json：     在运行命令 "npm install / i " 的时候自动生成的文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。           npm最新的版本提供自动生成package-lock.json功能，为的是让开发者知道只要你保存了源文件，到...
package.json中的版本和package-lock.json的作用
诗渊的博客
02-19 3649
引言 我们在搭建项目的时候，通过 npm 安装的依赖模块时，package.json文件中依赖的版本号前面会带符号 ^，有时候我们看别人的项目时也可能会看版本前带符号 ~ ，或者什么也不带，其中会有什么区别呢？而且当你的 npm 版本升级到 5.X.X 版本以上的时候，对应目录下还是自动生成一个 package-lock.json 文件，这个文件的作用又是什么呢。博主根据网上资料简单说明一下。 ...
package-lock.json 文件的 requires VS dependencies
zic_liu的博客
06-29 1837
在 package-lock.json 文件中，requires 和 dependencies 中的依赖到底有什么区别和联系呢？ "core-js-compat": { "version": "3.12.1", "resolved": "https://......", "integrity": "sha1-LDAsRwhQX6cHKwrbUVbSb3gBoYs=", "dev": true, "requires": { "brow
package.json，package_lock.json与node_moule
灵活的小胖子
02-23 692
最近做前端的时候，不小心把package_lock.json文件提交了，在发merge请求的时候被打回来了，备注中提到了让我查一下package_lock.json是干嘛的，到底需不需要提交。 好，那接下来让我们研究一下吧！ package.json： 提到package_lock.json不得不提到package.json，比如说，我们用vue框架搭建一个前端项目（搭建步骤请参考：https://blog.csdn.net/hejingfang123/article/details/10953493
package.json锁定子依赖版本号
qq_33433029的博客
06-16 2246
比如express所依赖的子模块body-parser为^1.19.0，结果某一天开发body-parser模块的作者升级为了,1.30.23,但这个版本在当前项目环境无法编译通过，这时候又不能修改express版本，该怎么办呢？这时候可以使用package.json的resolutions,锁定express的子依赖版本号，修改后的结果如下。
详解package.json和package-lock
GMLGDJ的博客
03-09 3573
在我们执行 npm init 时会问几个基本问题，如包名称、版本号、作者信息、入口文件、仓库地址、关键字、描述、许可协议等，多数问题已经提供了默认值，你可以在问题后敲回车接受默认值，以下是 package.json常见字段解析 和 package-lock.json的dependencies：（通常我们不会关注package-lock.json的内容，所以这里也就不做赘述了，这里只讲一下其中 dependencies 属性）^x.y.z:表示x是保持不变的，y和z永远安装最新的版本；
从package-lock看npm版本锁定相关知识
cindy647的博客
03-31 5269
前言 随着前端模块化开发的流行，项目中基本都会使用node和npm来下载和管理各个依赖模块。在项目的根目录中，package.json、package-lock.json就是描述模块信息的文件。下文将围绕基础知识、两者关联、风险与稳定性展开叙述 一、基础背景 1、版本号规则 1. 版本号格式为：X.Y.Z，并且 X、Y、Z 均为正整数并且不断递增。X 表示大版本（major）、Y 表示小版本（...
webpack的一些常用打包配置
蓝胖子的博客
10-12 4276
webpack的一些常用打包配置
webpack打包基础
Nelson_hehe的博客
09-16 520
本文简单介绍了使用webpack打包项目的过程，详情点击查看...
package-lock的作用
h_mo_liang的博客
02-18 1万+
在 npm 5.0 版本后，npm install 后都会自动生成一个 package-lock.json 文件 ，当包中有 package-lock.json 文件时，npm install 执行时，如果 package.json 和 package-lock.json 中的版本兼容，会根据 package-lock.json 中的版本下载；如果不兼容，将会根据 package.json 的版本，更新 package-lock.json 中的版本，已保证 package-lock.json 中的版本兼容
package.json 与 package-lock.json 的区别
杏子
05-06 2万+
前言 现在前端越来越流行模块化开发，安装使用 node 和 npm 可以方便下载管理各个依赖模块。而描述模块信息的文件就是 package.json ，那么package-lock.json 又是什么，跟 package.json 有什么关系？本文将对该问题进行探索。 一、package.json { "name": "webpack-test", "version": "1....
什么是package-lock.json（官方文档解释）
热门推荐
ssfz123的博客
03-20 2万+
描述package-lock.json会自动为npm修改node_modules树或任何操作而生成package.json。它描述了生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖性更新如何。这个文件旨在被提交到源代码库，并提供各种用途：描述依赖关系树的单一表示，以确保队友，部署和持续集成确保安装完全相同的依赖关系。为用户提供一个设施，使其能够“前往”以前的状态，node_modules...
nodejs中package.json和package-lock.json文件的功能分析
u013992330的博客
07-19 9809
最新版nodejs中，多了一个package-lock.json文件，刚开始对这个文件很是疑惑，后来查了一番资料后，通过验证，终于确定了这两个文件的关系。 package.json与package-lock.json文件的作用 package.json文件记录你项目中所需要的所有模块。当你执行npm install的时候，node会先从package.json文件中读取所有dependenci...
Error: Cannot find module '\webpack-dev-server\bin\webpack-dev-server.js'
最新发布
03-08
这个错误是由于找不到webpack-dev-server模块引起的。webpack-dev-server是一个用于开发环境的轻量级服务器，用于实时重新加载和热模块替换。当你在命令行中运行webpack-dev-server时，它会尝试在node_modules目录下查找webpack-dev-server模块，如果找不到就会报错。 解决这个问题的方法有几种： 1. 确保你已经在项目中安装了webpack-dev-server模块。可以通过运行`npm install webpack-dev-server --save-dev`来安装。 2. 检查你的项目中是否存在node_modules目录，并且其中是否包含webpack-dev-server模块。如果不存在，可以尝试删除package-lock.json文件，并重新运行`npm install`来重新安装依赖。 3. 如果你是全局安装了webpack-dev-server，可以尝试使用`npx webpack-dev-server`来运行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值