如何使用 pnpm 进行打补丁patch操作?推荐两个方法

前言

作为一个前端开发者,我们每天都在和各种各样的库和依赖打交道。node_modules 目录中存放着我们项目的各种依赖。我们有时需要对其中的一些依赖进行修改,比如修复某个 bug 或者增加某些自定义功能。这时候,给 node_modules 打补丁就显得尤为重要了。

为什么 node_modules 需要打补丁?

1. 依赖库的 Bug 修复

一些第三方库可能会有未解决的 bug,等待作者修复可能需要时间。为了不影响我们的项目进度,我们可以暂时在本地对这些库进行修复。

2. 功能增强

有时,我们可能需要在第三方库的基础上增加一些功能。这些功能可能对我们的项目非常重要,但对于社区来说并不通用。

3. 临时解决方案

在我们等待官方发布新版本或者社区提供更好的解决方案之前,我们可以通过打补丁来临时解决问题。

如何进行打补丁

方法一、使用 patch-package

patch-package 是一个常用工具,可以让你对 node_modules 中的依赖包进行修改,并生成补丁文件,以便在以后重新安装依赖时自动应用这些补丁。

1. 安装 patch-package

pnpm add patch-package postinstall-postinstall

2. 修改依赖包
  1. 在 node_modules 中找到需要修改的包,并进行相应的修改。
  2. 运行以下命令生成补丁文件:
npx patch-package <package-name>

例如,如果你修改了 lodash 包:

npx patch-package lodash

生成的补丁文件会保存在 patches 目录下。
更新 package.json
在 package.json 中添加以下脚本,以确保在每次安装依赖时自动应用补丁:

"scripts": {"postinstall": "patch-package"
}

方法二、使用 pnpm patch

如果你需要对依赖包进行更复杂的修改,可以使用 pnpm patch 命令。
创建补丁

1. 使用 pnpm patch 命令创建一个可编辑的副本:

pnpm patch
这将会打开一个临时目录,允许你对依赖包进行修改。
[Image]

2. 完成修改后,运行以下命令保存补丁并更新锁文件:
pnpm patch-commit

补丁会被保存在 node_modules/.pnpm/patches 目录下,并且 pnpm-lock.yaml 会被更新以包含补丁信息。这个命令会创建一个补丁文件 antd+4.16.13.patch,并保存到 patches 目录中。

3. 应用补丁

在以后的安装过程中,pnpm 会自动应用这些补丁,你不需要额外的配置。pnpm 会自动在 package.json 中添加 pnpm.patches 字段:

{"pnpm": {"patches": {"antd@4.16.13": "patches/antd+4.16.13.patch"}}
}
安装依赖

最后,我们重新安装依赖:

pnpm install

这样,pnpm 就会在安装 antd 时自动应用我们创建的补丁。

总结

通过 patch-package 和 pnpm patch,我们可以方便地对 node_modules 进行打补丁,从而在不等待官方修复或发布新版本的情况下,解决当前项目中的问题。这种方法不仅灵活,还能确保我们的项目在开发过程中保持高效和稳定。

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

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

相关文章

软考高级系统架构设计师 知识产权

是记录&#xff0c;这一章内容是选择题&#xff0c;分值是两到三分之间 计算机保护条例 软件地定义 软件是软件及其文档 软件开发者 即写代码或者组织开发地&#xff0c;并对开发完成地软件承担责任地法人软件著作权人&#xff0c;是对软件享有著作权地自然人、法人或者其他组…

springboot 对接Telegram发送消息

官方maven包项目 https://repo.maven.apache.org/maven2/org/telegram/ 官方github仓库 https://github.com/rubenlagus 发送消息demo代码 PostMapping("/test")public void test(RequestParam("chatId") String chatId,RequestParam("messageTe…

准备用esp32-c3搞一个无线开关

思路&#xff1a; 用两片c3,一片作为开关&#xff0c;另一片作为http servet控制灯泡&#xff0c;两者采用wifi 连接 开关&#xff1a;GPIO 2脚电阻上拉&#xff0c;平时始终为高电平&#xff0c;开灯时按下按钮&#xff0c;2脚接地&#xff0c;电平为低电平。再用wifi把此信…

为您的 WordPress 网站打造完美广告布局 A5广告单元格插件

一个为 WordPress 网站量身定制的强大工具,它将彻底改变您展示广告的方式 灵活多变的布局设计 A5 广告单元格插件的核心优势在于其无与伦比的灵活性。无论您是想要创建整齐的网格布局,还是希望打造独特的不规则设计,这款插件都能满足您的需求。 自定义网格数量&#xff1a;从 2…

中小型企业网络的设计与实现

资料下载中小型企业网络的设计与实现论文资源-CSDN文库 摘 要 本文规划的是一个公司的网络搭建&#xff0c;网络设计包括了多个部门的网络架构&#xff0c;每个部门通过VLAN进行隔离&#xff0c;确保了网络的安全性和高效。 华为企业网络模拟平台&#xff08;ENSP&#xff09…

androidStudio编译导致的同名.so文件冲突问题解决

files found with path lib/arm64-v8a/libserial_port.so from inputs: ...\build\intermediates\library_jni\debug\jni\arm64-v8a\libserial_port.so C:\Users\...\.gradle\caches\transforms-3\...\jni\arm64-v8a\XXX.so 解决方式如下&#xff1a; 1.将gradle缓存文件删…

TwinCAT3安装 Advanced Motion Pack库

文章目录 一.简介二.安装方式1. 下载地址2. 双击下载好的安装包3. 选择语言&#xff08;只有英文和德语&#xff09;4. 点击Next5. 选择Accept6. 填写公司和组织名称&#xff08;随意&#xff09;7. 点击Install8. 等待安装完成9. 点击Finish 一.简介 TF5420 TC3 Motion Pick-…

深度学习-1:逻辑回归和梯度下降

逻辑回归 逻辑回归是一个二分分类问题 比如判断一张图片中是否是猫就是一个二类分类问题 图像由像素值组成&#xff0c;要将图像输入模型&#xff0c;就将其变为一个向量&#xff0c;该向量存储三个通道上的所有像素值&#xff0c;若图像尺寸为64x64x3&#xff0c;则向量维度…

RequestBody接收参数报错com.fasterxml.jackson.databind.exc.MismatchedInputException

目录&#xff1a; 1、错误现象2、解决办法3、最终验证 1、错误现象 报错的现象和代码如下&#xff1a; 2、解决办法 查了很多都说参数类型对不上&#xff0c;但是明明是对上的&#xff0c;没有问题&#xff0c;最后只有换接收方式后验证是可以的&#xff1b;最终想了一下&…

【Unity】【游戏开发】游戏引擎是如何模拟世界的

【核心感悟】 游戏引擎通过两个维度的合并来模拟这个时间。 一个维度叫物理模型。 一个维度叫视觉模型。 对于物理模型&#xff0c;我们需要用物理引擎给予行为。 对于视觉模型&#xff0c;我们需要用动画去给予行为。 物理模型是真实机制&#xff0c;视觉模型是艺术表现&…

Unity3D 观察者模式

Unity3D 泛型事件系统 观察者模式 观察者模式是一种行为设计模式&#xff0c;通过订阅机制&#xff0c;可以让对象触发事件时&#xff0c;通知多个其他对象。 在游戏逻辑中&#xff0c;UI 界面通常会监听一些事件&#xff0c;当数据层发生变化时&#xff0c;通过触发事件&am…

网络参考模型总结

物理层&#xff1a; 电信号&#xff0c;有中继器、集线器等设备。 数据链路层&#xff1a;帧&#xff0c;有网桥、交换机等设备&#xff0c;通过mac地址。 网络层&#xff1a;包&#xff0c;有路由器等设备&#xff0c;通过IP地址。 传输层&#xff1a;段&#xff0c;有网…

权限管理系统的详细解析与实现

1. 权限管理的基础概念 1.1 什么是权限管理&#xff1f; 权限管理是指通过对用户身份的验证和权限的分配&#xff0c;控制用户对系统资源的访问范围和操作权限。它主要包括&#xff1a; 认证&#xff1a;确认用户的身份是否合法&#xff0c;通常通过用户名/密码或多因子验证…

rootless模式下istio ambient的流量管理测试

接上一篇rootless模式下istio ambient鉴权策略&#xff0c;本次测试管理流量的功能。 服务流量分割 Bookinfo应用程序有三个版本的reviews服务&#xff0c;接下来对这些版本进行分配流量控制测试。 longtdsubuntu:~$ kubectl get pod |grep reviews reviews-v1-746f96c9d4-2…

多入口+vite+vue3预渲染方案

如果你的项目要求加载速度要快,我们如果使用传统的vue3+sfc模式去开发,因为只有一个根节点,空白页面加载出来之后js才回去加载组件渲染,这样页面总是有一个短暂的空白。我们这里不讨论服务器端ssr和预渲染方案,仅仅是为了满足比较极端的优化需求,在这种情况下我的这套方案…

出类拔萃的四款录屏工具你pick哪一个?

在这个屏幕时代&#xff0c;录屏已经成为我们日常工作和娱乐中不可或缺的一部分。无论是为了记录游戏精彩瞬间&#xff0c;还是为了分享教程和经验&#xff0c;一个好的录屏工具都是必不可少的。今天&#xff0c;就让我为大家推荐几款电脑免费录屏工具&#xff0c;并分享一下使…

DDD通用语言、多尿和尿频-《分析模式》漫谈41

“Analysis Patterns”的第3章有这么一句&#xff1a; A patient with observations of the presence of thirst, weight loss, and polyuria indicates diabetes. 2004&#xff08;机械工业出版社&#xff09;中译本的译文为&#xff1a; 虽然没有完全使用类图&#xff08;类…

Ajax是什么?

Ajax是什么&#xff1f; Ajax是创建交互式网页应用的网页开发技术。简单来说就是网页在不加载的情况下&#xff0c;可以跟服务器交换数据&#xff0c;并更新页面的内容。 原理&#xff1a; 1. 创建xhr&#xff08;xmlHttpRequest&#xff09;对象; 2, 通过xhr对象的open()方法和…

【C++_string类练习】仅仅反转字母

题目链接&#xff1a;仅仅反转字母 解题思路&#xff1a; 这种反转字符的题目我第一个想到的方法就是&#xff1a;双指针 一个指针在前start&#xff0c;一个指针在后back&#xff0c; 如果指针所指向的位置的值是字母&#xff0c;那么两个指针位置的值就进行交换&#xff0…

矿山企业电能智能化管理怎么实现

0引言 电力工业是国民经济和社会发展的基础&#xff0c;随着高质量发展要求的提升&#xff0c;提高能源效率对工业企业至关重要。有效提高电力能效的方法包括技术创新、监测用能行为和探索技术解决方案。智能化的电能管理是应对资源和环境压力的关键措施&#xff0c;对提高用电…