前端工程化-包管理NPM-package.json 和 package-lock.json 详解
package.json 和 package-lock.json 详解
1.package.json
基本概念
package.json 是 Node.js 项目的核心配置文件,它定义了项目的基本信息、依赖项、脚本命令等。
主要字段
-
基本信息字段
-
name: 项目名称(必填) -
version: 项目版本(必填,遵循语义化版本规范) 版本号形如:X.Y.Z,有三部分组成,依次叫主版本号、次版本号、修订号; -
description: 项目描述 -
author: 作者信息 -
license: 开源许可证
-
-
依赖管理字段
-
dependencies: 生产环境依赖 -
devDependencies: 开发环境依赖 -
peerDependencies: 同伴依赖 -
optionalDependencies: 可选依赖
-
-
脚本字段
-
scripts: 定义可以通过 npm run 执行的脚本命令
-
-
其他配置
-
main: 项目入口文件 -
repository: 代码仓库信息 -
keywords: 关键词数组,用于 npm 搜索 -
engines: 指定 Node.js 和 npm 的版本要求
-
示例
{"name": "my-project","version": "3.2.1","description": "A sample project","main": "index.js","scripts": {"start": "node index.js","test": "jest"},"dependencies": {"express": "^4.17.1"},"devDependencies": {"jest": "^26.6.3"}
}
2.package-lock.json
基本概念
package-lock.json 是 npm 5+ 版本引入的文件,用于锁定依赖树的确切版本,确保不同环境下安装完全相同的依赖。
主要特点
-
自动生成:由 npm 自动创建和维护,使用
npm install安装包后就会自动生成。 -
精确版本控制:记录每个依赖包的确切版本
-
依赖关系树:完整记录依赖树结构
-
安装优化:加快后续安装速度
文件作用
-
版本锁定:防止因语义化版本导致的意外升级
-
一致性保证:确保团队成员和 CI/CD 系统使用相同的依赖版本
-
安装效率:记录已解析的依赖树,避免重复计算
与 package.json 的关系
-
package.json 定义的是版本范围
-
package-lock.json 记录的是确切版本
-
当两者冲突时,以 package-lock.json 为准(npm 5+)
3.最佳实践
-
版本管理
-
将 package-lock.json 提交到版本控制系统
-
不要手动修改 package-lock.json
-
-
依赖安装
-
npm 安装包的方式分为本地安装和全局安装。安装使用npm install或简写形式npm i。
本地安装 -
使用
npm ci命令(基于 package-lock.json 安装,用于生产环境) -
使用
npm install<参数> <package-name> 命令(会更新 package-lock.json,用于开发环境) -
全局安装
npm i -g <package-name>npm i --global <package-name>
-
让安装的包放到对应依赖位置
开发依赖(devDependencies)中,传递参数 --save-dev 或 -D 即可。
生产依赖(dependencies)中,传递参数 --save 或 -S 即可。
不想放在开发依赖也不想放在生产依赖,使用npm install --no-save。
注意:包默认安装到生产依赖(dependencies)中
线上环境,只需要安装dependencies中的包,使用npm install --prod命令。
-
删除包
-
npm uninstall <package-name>
// 简写形式
npm un <package-name> -
全局删除 npm uninstall -g <package-name>
-
-
-
更新依赖
-
使用
npm update更新次要版本和补丁版本 -
使用
npm install package@version更新主版本
-
-
安全考虑
-
定期运行
npm audit检查安全漏洞 -
使用
npm audit fix修复已知漏洞
-
4.常见问题
4.1: 为什么有时 node_modules 和 package-lock.json 会不一致?
通常是因为手动修改了 package.json 或在不同 npm 版本间切换导致的。可以删除 node_modules 和 package-lock.json 后重新安装。
4.2.可以删除 package-lock.json 吗?
不推荐,删除后会导致依赖版本不确定性,可能引入兼容性问题。
4.3. yarn.lock 和 package-lock.json 有什么区别?
两者功能类似,都是锁定依赖版本,只是格式不同。yarn.lock 是 Yarn 包管理工具生成的。
相关文章:
前端工程化-包管理NPM-package.json 和 package-lock.json 详解
package.json 和 package-lock.json 详解 1.package.json 基本概念 package.json 是 Node.js 项目的核心配置文件,它定义了项目的基本信息、依赖项、脚本命令等。 主要字段 基本信息字段 name: 项目名称(必填) version: 项目版本…...
Day22 -php开发01--留言板+知识点(超全局变量 文件包含 数据库操作 第三方插件)
环境要求:php7.0.9 小皮 navicat phpstorm24.1 知识点:会写(留言板 留言板后台) 超全局变量 三方插件的使用 文件包含 1、开启小皮并利用navicat新建一个数据库 注意:本地的服务mysql关闭后 才可打开小皮。属…...
Java工具类-assert断言
我们可能经常在项目的单元测试或者一些源码中看到别人在使用assert关键字,当然也不只是Java语言,很多编程语言也都能看到,我们大概知道断言可以用于测试中条件的校验,但却不经常使用,本文总结了Java中该工具类的使用。…...
A2A协议分析报告
A2A协议分析报告 一、引言 在人工智能快速发展的背景下,智能体(Agent)技术逐步成为企业数字化转型的关键支撑。为了打破不同智能体之间协作壁垒,提升多模态协同效率,Google 于2025年推出了“Agent-to-Agentÿ…...
人工智能、机器学习与深度学习-AI基础Day2
核心概念与技术全景解析 近年来,人工智能(AI)技术飞速发展,逐渐渗透到生活的方方面面。然而,对于许多人来说,AI、机器学习(ML)、深度学习(DL)以及生成式人工…...
GGML源码逐行调试(上)
目录 前言1. 简述2. 环境配置3. ggml核心概念3.1 gguf3.2 ggml_tensor3.3 ggml_backend_buffer3.4 ggml_context3.5 backend3.6 ggml_cgraph3.7 ggml_gallocr 4. 推理流程整体梳理4.1 时间初始化与参数设置4.2 模型加载与词汇表构建4.3 计算图与内存分配4.4 文本预处理与推理过…...
SpringCloud-OpenFeign
前言 1.存在问题 远程调用可以像Autowired一样吗 服务之间的通信⽅式,通常有两种:RPC和HTTP. 在SpringCloud中,默认是使⽤HTTP来进⾏微服务的通信,最常⽤的实现形式有两种: RestTemplate OpenFeign RPC(RemoteProcedureCall)远程过程调⽤&…...
撰写学位论文Word图表目录的自动生成
第一步:为图片和表格添加题注 选中图片或表格 右键点击需要编号的图片或表格,选择 【插入题注】(或通过菜单栏 引用 → 插入题注)。 设置题注标签 在弹窗中选择 标签(如默认有“图”“表”,若无需自定义标…...
Web 项目实战:构建属于自己的博客系统
目录 项目效果演示 代码 Gitee 地址 1. 准备工作 1.1 建表 1.2 引入 MyBatis-plus 依赖 1.3 配置数据库连接 1.4 项目架构 2. 实体类准备 - pojo 包 2.1 dataobject 包 2.2 request 包 2.3 response 包 2.3.1 统一响应结果类 - Result 2.3.2 用户登录响应类 2.3.3…...
分库分表设计与Java实践:从理论到实现
在分布式系统和高并发场景下,单一数据库的性能瓶颈逐渐显现,分库分表成为提升数据库扩展性和性能的重要手段。作为Java开发者,掌握分库分表的设计原则和实现方法,不仅能应对海量数据和高并发的挑战,还能优化系统架构的…...
P8667 [蓝桥杯 2018 省 B] 递增三元组
P8667 [蓝桥杯 2018 省 B] 递增三元组 题目描述 给定三个整数数组 A [ A 1 , A 2 , ⋯ , A N ] A [A_1, A_2,\cdots, A_N] A[A1,A2,⋯,AN], B [ B 1 , B 2 , ⋯ , B N ] B [B_1, B_2,\cdots, B_N] B[B1,B2,⋯,BN], C [ C 1 , C 2 , …...
【随行付-注册安全分析报告-无验证方式导致隐患】
前言 由于网站注册入口容易被黑客攻击,存在如下安全问题: 1. 暴力破解密码,造成用户信息泄露 2. 短信盗刷的安全问题,影响业务及导致用户投诉 3. 带来经济损失,尤其是后付费客户,风险巨大,造…...
什么是原型、原型链?
一、原型 每个函数都有一个prototype属性,称之为原型,也称为原型对象。 原型可以放一些属性和方法,共享给实例对象使用。原型可以用作继承 二、原型链 对象都有_proto_属性,这个属性指向它的原型对象,原型对象也是…...
前端性能优化实战:从 Webpack 到 Vite 的全栈提速方案
一、引言:前端性能优化的核心挑战 在单页面应用(SPA)和复杂前端项目日益普及的今天,构建工具的选择直接影响着开发效率与最终产物性能。传统构建工具如 Webpack 虽然功能强大,但随着项目规模扩大,逐渐暴露出打包速度慢、配置复杂度高、开发阶段内存占用大等问题。本文将…...
ChatGPT的GPT-4o创建图像Q版人物提示词实例展示
最近感觉GPT-4o发布的新功能真的强大,所以总结了一些提示词分享给大家,大家可以去试试,玩法多多,可以用GPT-4o生成图片,然后用可灵进行图生视频,就能去发布视频了!接下来和笔者一起来试试&#…...
埃隆·马斯克与开源:通过协作重塑创新
李升伟 编译 埃隆马斯克以颠覆性创新闻名于世。从特斯拉(Tesla)、SpaceX、Neuralink到无聊公司(The Boring Company),他的商业版图始终围绕解决全球复杂挑战展开。然而,一个较少被讨论的维度是:…...
StringBuffer类基本使用
文章目录 1. 基本介绍2. String VS StringBuffer3. String和StringBuffer相互转换4. StringBuffer类常见方法5. StringBuffer类测试 1. 基本介绍 java.lang.StringBuffer 代表可变的字符序列,可以对字符串内容进行增删很多方法与String相同,但StringBuf…...
基于 Maven 构建的 Thingsboard 3.8.1 项目结构
一、生命周期(Lifecycle) Maven 的生命周期定义了项目构建和部署的各个阶段,图中列出了标准的生命周期阶段: clean:清理项目,删除之前构建生成的临时文件和输出文件。validate:验证项目配置是否…...
为啥物联网用MQTT?
前言 都说物联网用MQTT,那分别使用Http和Mqtt发送“Hello”,比较一下就知道啦 HTTP HTTP请求报文由请求行、头部字段和消息体组成。一个最简单的HTTP POST请求如下: POST / HTTP/1.1 Host: example.com Content-Length: 5 Content-Type: …...
《分布式软总线牵手云服务,拓展应用新维度》
分布式软总线与云服务的融合,正掀起一场前所未有的变革,重塑着我们工作、生活和交互的方式。二者的结合,犹如天作之合,不仅打破了设备与数据之间的壁垒,更开启了一系列令人瞩目的全新应用场景。 分布式软总线…...
十七、TCP编程
TCP 编程是网络通信的核心,其 API 围绕面向连接的特性设计,涵盖服务端和客户端的交互流程。以下是基于 C 语言的 TCP 编程核心 API 及使用流程的详细解析: 核心 API 概览 函数角色描述socket()通用创建套接字,指定协议族…...
DeepSeek vs Grok vs ChatGPT:三大AI工具优缺点深度解析
一、DeepSeek:低成本与中文专精的本地化AI 优点 中文处理能力卓越 DeepSeek针对中文语法和文化背景进行了深度优化,尤其在古文翻译、诗歌创作和技术文档生成中表现突出,远超ChatGPT的中文支持能力。高效推理与低成本 采用混合专家ÿ…...
微信小程序中的openid的作用
微信小程序中的openid的作用 引言 在当今数字化时代,用户体验成为了产品成功与否的关键因素之一。微信小程序作为连接用户与服务的重要桥梁,在提升用户体验方面发挥着重要作用。其中, openid(开放身份标识符)是微信小…...
spring--声明式事务
声明式事务 1、回顾事务 要么都成功,要么都失败! 事务在项目开发中,十分重要,涉及数据的一致性问题 确保完整性和一致性 事务ACID: 原子性:事务是原子性操作,由一系列动作组成,…...
小甲鱼第004讲:变量和字符串(下)| 课后测试题及答案
问答题: 0. 请问下面代码有没有毛病,为什么? 请问下面代码为什么会出错,应该如何解决? 答:这是由于在字符串中,反斜杠()会与其随后的字符共同构成转义字符。 为了避免这种不测情况的发生,我们可以在字符串的引号前面…...
MergeX亮相GTC2025:开启全球广告流量交易新篇章
全球流量盛宴GTC2025深圳启幕,共探出海新蓝海 2025年4月24日至25日,GTC2025全球流量大会将在深圳福田会展中心9号馆隆重召开。作为跨境出海领域内规模最大、资源最丰富、产业链最完备的年度盛会,此次大会将汇聚众多行业精英,共同探…...
Python(10.2)Python可变与不可变类型内存机制解密:从底层原理到工程实践
目录 一、类型特性引发的内存现象1.1 电商促销活动事故分析1.2 内存机制核心差异 二、内存地址追踪实验2.1 基础类型验证2.2 复合对象实验 三、深度拷贝内存分析3.1 浅拷贝陷阱3.2 深拷贝实现 四、函数参数传递机制4.1 默认参数陷阱4.2 安全参数模式 五、内存优化最佳实践5.1 字…...
STM32(基于标准库)
参考博客:江科大STM32笔记 Stm32外设 一、GPIO 基础 GPIO位结构 I/O引脚的保护二极管是对输入电压进行限幅的上面的二极管接VDD, 3.3V,下面接VSS, 0V,当输入电压 >3.3V 那上方这个二极管就会导通,输入电压产生的电流就会大部分充入VD…...
国家优青ppt美化_青年科学基金项目B类ppt案例模板
国家优青 国家优青,全称“国家优秀青年基金获得者”。2025改名青年科学基金B类。 作为自然基金人才资助类型,支持青年学者在基础研究方面自主选择研究方向开展创新研究。它是通往更高层次科研荣誉的重要阶梯,是准杰青梯队。 / WordinPPT /…...
解决 ECharts 图表无数据显示问题
问题: 在开发项目时,后端明明已经成功返回了数据,但在展示手账发布数量趋势和树洞帖子发布数量趋势的 ECharts 图表中,却只有坐标轴,没有任何数据显示。 以我的VUE项目开发可视化面板为例,下面将详细分析可…...
