package.json与package-lock.json的不同点

最新推荐文章于 2024-01-31 10:50:06 发布
原创 最新推荐文章于 2024-01-31 10:50:06 发布 · 441 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #npm #package

本文详细介绍了npm的package.json与package-lock.json文件在版本管理中的作用。package.json中的dependencies和devDependencies用于区分生产环境和开发环境的依赖，而^符号表示兼容新版本。package-lock.json则记录了确切的依赖版本，确保团队成员和部署环境得到一致的依赖。此外，还阐述了语义化版本控制的原则，即主要、次要和补丁版本的区别。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先明晰一下二者的结构

在这里插入图片描述

package.json:
  1. scripts:脚本
  2. dependencies：生产环境依赖
  3. devDependencies：开发环境依赖
  4. engines：指定node和npm的版本范围 check-version中使用
  5. browserslist：节点

^的意思是 向新兼容

 "axios": "^0.21.1"

所以如果当前axios的最新版本是0.21.1，没有lock的情况下install 会下载下大版本号(第一位版本号)下的最新版本，而package-lock会把版本锁定到小版本。

语义化版本控制

例如：1.2.3，主要版本1，次要版本2，补丁3。

补丁中的更改表示不会破坏任何内容的错误修复。

次要版本的更改表示不会破坏任何内容的新功能。

主要版本的更改代表了一个破坏兼容性的大变化。 如果用户不适应主要版本更改，则内容将无法正常工作。

节点
在这里插入图片描述

package-lock.json:

npm更新到v5.x.x以后，会出现一种新的自动生成文件 package-lock.json，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。

简言之：package.json锁定了大版本依赖，而package-lock.json锁定了具体依赖

面试官：听说你对package.json很熟？package.json百科全书 全网最全package.json介绍大全 v7版本全解
cuandeqin2083的博客
06-27 777
前言 平常在工作中，对package.json这个文件的接触非常非常少。 一些同学可能还会看一下script里面有什么命令，执行了哪些方法。 又或者了解一下dependencies和devDependencies 其他大部分的同学可能直接就npm i和npm start就开始工作了。 但是package.json的魅力远不止如此 今天就和我一起探索一下这个项目中不可或缺的——package.json吧！ 由浅入深-核心内容 准备工作 手摸手新建一个空的package.json n
前端模块化-理解package.json中的模块化配置
逍遥的前端笔记
08-08 1142
本文总结了package.json中与模块化相关的配置，包括main、browser、type、module、jsnext:main以及exports字段的用途和使用方法
npm install安装依赖package.json和package-lock.json版本不一致
qq_41276800的博客
01-31 2443
并不是所有的子依赖都有 dependencies 属性,只有子依赖的依赖和当前已安装在根目录的 node_modules 中的依赖冲突之后, 才会有这个属性。当package.json里面不再使用最优版本，而是一个特定有效版本，也就是版本号前不带修饰符，这样package.json和package-lock.json里面的版本号才是一致的。假设我们的项目依赖A、B、C三个包，并且B包又依赖特定版本的C包，所以B包就会有dependencices，那么我们项目的整个node_modules的目录结构如下。
package.json与package-lock.json的版本不一致原因
Jeremy Liu的博客
02-10 2857
意思是下载依赖时默认更新当前大版本下的最新版本，实际上在。可以修改package.json，手动去掉版本号前面的。插件名及其版本号，但是版本号前的。，达到固定下载的插件版本的目的。会自动插入一条，默认显示。插件时的指定版本时，
package.json和package-lock.json的区别
weixin_51670675的博客
10-18 1951
一、package.json package.json 是在运行 “ npm init ”时生成的，主要记录项目依赖，有以下结构 name：项目名，也就是在使用npm init 初始化时取的名字，但是如果使用的是npm init -y 快速初始化的话，那这里的名字就是默认存放这个文件的文件名； version：版本号； private：希不希望授权别人以任何形式使用私有包或未发布的； scripts-serve：是vue的项目启动简写配置； scripts-build：是vue的打包操作简写配置； dep
package.json 与 package-lock.json 的关系
深圳最菜前端
03-25 429
模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json 和 package.json 有啥关系和联系呢？ package.json 管理包 大家都知道，package.json 用来描述项目及项目所依赖的模块信息。，就是帮我们管理项目中的依赖包的，让我们远离了依赖地狱。 通过 npm 管理，使用一些简单的命令，自动生成package.json, 安装包依赖
修复package-lock.json工具fix-package-lock使用指南
标签中的'cli'表示该工具是一个命令行界面程序，'npm'和'npm-package'指的是该工具与npm及其管理的包有关，'execa'是一个用于执行外部命令的Node.js库，而'package-lock-json'直接指出了该工具所作用的文件类型，...
package.json和package-lock.json
最新发布
03-17
### package.json 与 package-lock.json 的作用与差异 #### package.json 的作用 `package.json` 是 Node.js 项目中的核心配置文件之一，用于定义项目的元数据以及依赖项。它记录了项目所需的依赖包及其版本范围，...
package-lock.json和package.json的区别
05-15
使用`package-lock.json`可以确保在不同的机器上、不同的时间点上安装的依赖版本是相同的，从而避免了由于依赖版本不一致而导致的构建问题。 总之，`package.json`文件描述了项目的元数据和依赖信息，而`package-...
vue项目中package.json与package-lock.json区别
junjie_1010的博客
08-20 569
我们每次新建一个项目的时候会发现在项目中会有这么俩个相似的文件，并且一个里边东西很多一个里边的东西很简洁，那么他们到底有什么区别与联系。 npm5之前的版本，是不会生成package-lock.json这个文件的。npm5版本及以后，才会生成package-lock.json文件；当使用npm安装包的时候，npm都会生成或者更新package-lock.json文件，npm5版本及以后的版本，在安装包的时候，不需要加 --save（-s） 参数，也会自动在package.json中保存依赖项，当安装包的时候
package.json和package-lock.json的关系
qq_39183005的博客
06-10 626
今天学习到了一个小知识，就是终于明白了package.json和package-lock.json的关系 先说前面 ^和~的区别 ^ 开头意思是向后更新，如果当前使用版本是2.x.x,则在之后使用npm i或者yarn下载的时候会下载次要版本最新的 例如：当前使用2.3.6,但是最新的时候2.4.2,则会下载2.4.2版本 ~ 开头的意思是下载小版本最新的，当次要版本有新版本时不会下载 例如：当前使用2.3.6,但是最新的时候2.4.2，则会下载2.3.x的最新版本，不会下载2.4.2 package
package.json 与 package-lock.json文件的区别
似水流年QC的博客
11-01 9537
package.json与package-lock.json文件的区别
package.json中的版本和package-lock.json的作用
诗渊的博客
02-19 3771
引言 我们在搭建项目的时候，通过 npm 安装的依赖模块时，package.json文件中依赖的版本号前面会带符号 ^，有时候我们看别人的项目时也可能会看版本前带符号 ~ ，或者什么也不带，其中会有什么区别呢？而且当你的 npm 版本升级到 5.X.X 版本以上的时候，对应目录下还是自动生成一个 package-lock.json 文件，这个文件的作用又是什么呢。博主根据网上资料简单说明一下。 ...
最简单获取appPackage和appActivity 的方法
weixin_30267691的博客
04-25 566
appPackage和appActivity 进行appium自动化测试必须的两个参数，我们所测试的APP项目不同，这两个参数肯定也是不一样的。我们启动的包都是靠这两个参数去驱动的，那么我们怎么可以快速获取它们呢，本人用过很多方法，但是都很麻烦，比如安卓自带的hierarchyviewer.bat工具虽然可以获取还要自己手动打出来。下面介绍最简便有效的方法　通过cmd命令，前提是先打开手机中你要获...
package.json与package-lock.json
热门推荐
weixin_45626517的博客
02-09 2万+
package.json 记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本， package-lock.json package-lock.json 是在 `npm install`时候生成一份文件。记录了node_modules目录下所有模块（包）的名称、版本号、下载地址、及这个模块又依赖了哪些依赖。 两者区别： npm5以前 npm5以前，没有package-lock.jso...
关于package.json 和package-lock.json
有一棵树的博客
05-12 8269
每日鸡汤，每个你想要学习的念头都是未来的你向自己求救 一直在纠结，每次pull 完代码之后重新install ， package-lock.json就改变了，那么我改完代码之后需要把这个package-lock.json提交么？ 让我们先来来看看package.json 每个包前面的^ 代表 大版本的依赖包^1.2.3中的1 ～ 代表次要版本号 ~1.2.3中的2 如果什么符号都不加则是指定版本，这也就是说的锁定版本，好处是避免包更新带来的bug 指定安装版本npm install xx@1..
package.json与package-lock.json的不同及npm安装包bug的解决方法
wuliuqi62的博客
03-23 621
https://blog.csdn.net/u012767761/article/details/102771490
package.json和package-lock.json的坑（区别）
GentleDove的专栏
08-27 1845
场景描述 VUE项目里用到了前端iview插件，在package.json中添加依赖 "dependencies": { "view-design": "^4.1.1", } SVN 项目拉取的package.json，版本是一致的，但是前台部分组件样式不一致。 解析说明 package.json用于指定依赖版本号。 版本号说明：语义版本号分为 X.Y.Z 三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新 如果只是修复bug，需要更新Z位。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Yoo前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值