原文:https://lwebapp.com/zh/post/pnpm-patch-package
介绍
前端开发过程中,经常会遇到第三方开源库有 BUG 的情况,通常我们有以下处理方式
- 自己 fork 一份源码修改,修复完后就可以本地打包直接用了。如果你想分享你的研究成果给其他人,可以再传到 npm 仓库或者提交 PR 给源仓库。这种方式有个缺点,就是笔记难保持和官方库的同步。
- 等待库作者修复。这种方式不太靠谱,因为开源作者一般都会比较忙,你的需求可能不会排在前面。
有些小伙伴不知道,还有一种方案是给本地 npm 包打补丁。意思是你的项目在正常安装某个 npm 依赖的情况下,通过在项目里增加一个补丁文件,就可以将对这个 npm 包的修改持久保存到项目中。这样就能实现针对开源库的 bug 修复直接应用到项目中。
小编了解到有一个叫 patch-package 的开源库,可以轻松的做到给 node_modules 的库打补丁。接下来我们看看如何使用 patch-package ,以及使用过程中有什么问题。
如何使用 patch-package
参照官方的教程,简单几步即可快速给本地 npm 包打补丁。
- 从 node_modules 中找到 npm 依赖包的源码,修复依赖包中的错误
vim node_modules/my-package/common.js
- 运行 patch-package 创建一个 .patch 文件,.patch 文件可以自动被 npm 识别并应用
npx patch-package my-package
- 提交补丁文件就可以与您的团队共享修复了
git add patches/my-package+3.14.15.patch
git commit -m "fix common.js

本文介绍了前端开发者在遇到第三方库BUG时的处理方法,特别是使用 patch-package 在本地为 npm 包打补丁。然而,当使用 pnpm 作为包管理器时,patch-package 不支持 pnpm,导致问题。作者分享了一个变通方案,即在项目中创建脚本,安装依赖后手动覆盖源代码来实现补丁应用。文章最后鼓励读者分享更好的解决方案。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



