利用pnpm patch命令实现依赖包热更新:精准打补丁指南

需求场景

在Element Plus的el-table组件二次开发中,需新增列显示/隐藏控件功能。直接修改node_modules源码存在两大痛点:

  1. 团队协作时修改无法同步

  2. 依赖更新导致自定义代码丢失

解决方案选型

通过patch-package工具实现:

  • 📦 非侵入式修改第三方依赖

  • ⚡ 自动生成补丁文件(.patch)

  • 🔄 依赖重装时自动应用修改

大致的流程也比较简单:通过命令拷贝一份依赖库的文件项目,然后用户对该拷贝的项目进行修改,然后通过提供的命令对修改后的代码以及原来的代码进行diff,生成一个xxx.patch的文件,对应项目的package.json会有个pnpm.patchedDependencies字段来指向patch文件,之前其他人安装依赖后,会自动使用到该patch

PS!!!: 确保你的pnpm>=v7.11.0

demo版本

一、新建demo文件夹

mkdir patch-democd patch-demopnpm init

完成后得到这样结果

在这里插入图片描述

二、安装依赖

pnpm i normal-tags

完成后得到这样结果
在这里插入图片描述

三、接下来,我们对该库进行自己的一些修改

  1. 首先,执行如下指令:生成一个normal-tags的临时文件夹:
# 注意这里要指定对应的版本
pnpm patch normal-tags@0.0.3You can now edit the following folder: E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3

在这里插入图片描述
在这里插入图片描述

  1. 然后我们打开生成的这个链接
    E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3,在里面修改normal-tags的代码

    normal-tags的代码很简单,假设我们要在改方法加上一行打印
    在这里插入图片描述

  2. 修改完成保存后,执行如下指令:

    pnpm patch-commit E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3
    

    在这里插入图片描述

  3. 然后可以看到项目中生成了一个patches/normal-tags@0.0.3.patch的文件,同时在package.json中也增加了如下配置:

    在这里插入图片描述
    在这里插入图片描述

  4. 然后这就搞定了!查看node_modeles下的is-odd代码,该修改已经加上了,后续别人拿到该项目,重新pnpm i也能得到修改后的代码

源码链接

点击-----github源码仓库 or gitee源码仓库

注意

如果使用window并且使用git-bash的话,文件路径要使用两个\\分割, 如:

pnpm patch-commit  E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3

tips:

欢迎大家进群交流cursor踩坑日记
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/79187.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ThinkPad T520 无法读到硬盘 问题排查思路

错误提示:2100:detection error on hdd0(Main hdd) 1、判断错误提示含义 表示电脑在启动时无法检测到主硬盘(HDD0)。 2、 常见原因: 硬盘松动或接触不良 → 特别是笔记本在移动或震动后,硬盘排线松了。 硬盘损坏 →…

Doris部署生产集群最低要求的部署方案

Doris生产集群最低部署方案(2025年4月版) 一、节点规划与数量 1. FE节点(Frontend) 数量:至少 3个节点(1个Follower 2个 Observer),确保高可用(HA)。角色分…

游戏引擎学习第227天

今天的计划 今天的工作重点是进行吸引模式(attract mode)的开发,主要是处理游戏的进出和其他一些小的细节问题,这些是之前想要整理和清理的部分。我做了一些工作,将游戏代码中的不同部分分离到逻辑上独立的区域&#…

spark-SQL数据加载和保存

数据加载与保存 通用方式: 通过 spark.read.load 和 df.write.save 实现数据加载与保存。可利用 format 指定数据格式,如 csv 、 jdbc 等; option 用于设置特定参数,像 jdbc 格式下的数据库连接信息; load 和 save 则…

算法升级战报:亚马逊受众定向工具实测点击成本降37%

随着广告成本居高不下,精准投放成为卖家们绕不开的焦虑点。而最近一轮亚马逊DSP广告系统的算法升级,似乎正在给这场投放内卷带来新的转机。在这篇文章中,我们将基于实际测试数据,详细解析亚马逊受众定向工具的表现,并复…

大带宽服务器的优势

大带宽服务器最大的优势就在于可以显著提高数据传输的速度,这对于有着高流量应用和实时数据交换需求的企业来说,大带宽服务器中的带宽越大,所提供的数据传输速度就越快,同时网络的延迟度也会变低,所以大带宽服务器往往…

华为OD机试真题——阿里巴巴找黄金宝箱 IV(2025A卷:200分)Java/python/JavaScript/C++/C语言/GO六种最佳实现

2025 A卷 200分 题型 本文涵盖详细的问题分析、解题思路、代码实现、代码详解、测试用例以及综合分析; 并提供Java、python、JavaScript、C、C语言、GO六种语言的最佳实现方式! 华为OD机试真题《阿里巴巴找黄金宝箱 IV》: 目录 题目名称&…

C++零基础实践教程

模块一:准备工作与第一个程序 (热身) 在正式编写代码之前,我们需要了解为什么要学习 C,并搭建好我们的开发环境。然后,我们将编写并运行第一个简单的 C 程序。 1. 为什么选择 C? 你可能听说过很多编程语言&#xff…

6 CMD 与 PowerShell 指令大全、C 程序终端运行、字符编码切换指南

1 CMD 与 PowerShell 常用指令 在命令行环境中高效运行程序,掌握终端的基本操作命令至关重要。无论是 Windows 系统下的 CMD(命令提示符)还是 PowerShell,它们都配备了一系列实用的命令,助力我们管理文件、执行程序以及…

Linux——共享内存

目录 一、共享内存概念 二、共享内存的一些函数 2.1 shmget 创建共享内存 2.2 shmat 访问共享内存 2.3 shmdt 解除共享内存的映射 2.4 shnctl 删除共享内存段 三、共享内存 3.1 创建测试进程 3.2 使用循环测试 ​编辑 3.3 共享内存写入程序 3.4 带有信号量的共享内…

数启新疆,智领未来!2025新疆数字经济发展战略研讨会在乌市启幕

2025年4月20日,由新疆维吾尔自治区数字经济联合会主办、中钧科技有限公司承办的"2025新疆数字经济发展战略研讨会"将在乌鲁木齐水磨沟区金正大厦三层会议中心隆重召开。 作为本年度新疆数字经济领域规格最高的行业盛会,会议将汇聚自治区14个厅…

Nginx:轻量级高性能的Web服务器与反向代理服务器

目录 一.引言 二.Nginx的核心特点 2.1高性能与高并发 2.2低资源消耗 2.3功能丰富 2.4高度扩展性 三.Nginx的应用场景 3.1静态资源服务器 3.2反向代理服务器 3.3API网关 3.4Nginx的配置与使用 四.总结 一.引言 在互联网高速发展的今天,Web服务器的性能与…

嵌入式Linux设备使用Go语言快速构建Web服务,实现设备参数配置管理方案探究

本文探讨,利用Go语言及gin框架在嵌入式Linux设备上高效搭建Web服务器,以实现设备参数的网页配置。通过gin框架,我们可以在几分钟内创建一个功能完善的管理界面,方便对诸如集中器,集线器等没有界面的嵌入式设备的管理。…

KALI搭建log4j2靶场及漏洞复现全流程

这里使用了两台KALI虚拟机,一台用于安装靶场环境,一台用于攻击 一、Docker的安装(靶机) 1、Linux内核版本查看 #安装docker要求内核版本kerner>3.10 #为此,先检查当前Linux系统的内核版本 uname -a 2、Linux apt…

学习笔记—C++—模板初阶

目录 模板初阶 泛型编程 函数模板 模版概念 函数模版格式 模版的原理 函数模板的实例化 模版参数的匹配规则 类模板 模板初阶 泛型编程 使用函数重载虽然可以实现,但是有一下几个不好的地方: 1. 重载的函数仅仅是类型不同,代码复…

Docker 中多个容器之间的通信

在 Docker 中,多个容器之间的通信可以通过以下几种主要方式实现,具体选择取决于网络需求、隔离性及管理复杂度: 一、自定义 Bridge 网络(推荐) 通过创建自定义的 Docker 网络,容器可以加入同一网络并通过容…

Day1-初次接触UFS

经过导师初次介绍,了解工作以芯片测试为主,需坚持学习,小白大致需3-6月入门。整体学习应分为3大块,UFS协议占40%(3-4h),C技能占40%(3-4h),工具或业务占20%(1-2h&#xff…

【LeetCode 热题100】二叉树构造题精讲:前序 + 中序建树 有序数组构造 BST(力扣105 / 108)(Go语言版)

🌱 二叉树构造题精讲:前序 中序建树 & 有序数组构造 BST 本文围绕二叉树的两类构造类题目展开解析: 从前序与中序遍历序列构造二叉树 将有序数组转换为二叉搜索树 我们将从「已知遍历构造树」和「平衡构造 BST」两个角度,拆…

JMeter重要的是什么

重要特性 支持多种协议: JMeter支持对多种协议进行性能测试,包括HTTP、HTTPS、FTP、JDBC(数据库)、LDAP、JMS、SOAP、REST等。这使得它能够适应各种不同的测试场景。强大的负载模拟能力: JMeter能够模拟大量的虚拟用户…

一文读懂WPF系列之MVVM

WPF MVVM 什么是MVVMWPF为何使用MVVM机制WPFMVVM 的实现手段 INotifyPropertyChanged​数据绑定的源端通知​​原理 PropertyChanged事件双向绑定的完整条件常见疑惑问题 什么是MVVM 翻译全称就是 model-view-viewmodel 3部分内容 以wpf的概念角度来解释就是 数据库数据源模型…