如何使用patch-package对node_modules中的源码进行补丁修改？

本文共计509个文字，预计阅读时间需要3分钟。

在多人开发项目时，修改`node_modules`和本地代码后，重新运行`npm install`可能导致本地代码被覆盖。为解决这个问题，可以使用`patch-package`工具。

使用方法：

1.安装`patch-package`：

bash npm install patch-package --save-dev

2. 当需要修改一个包时，在项目根目录下创建一个`.patch`文件，例如`some-package.patch`。

3. 编辑`.patch`文件，添加补丁内容，例如： diff --git a/lib/some-file.js b/lib/some-file.js index 12345..67890 100644 --- a/lib/some-file.js +++ b/lib/some-file.js @@ -1,5 +1,5 @@ // 旧代码 -// ... +// 新代码

4. 运行以下命令应用补丁： bash npx patch-package

这样，每次安装依赖时，`patch-package`会自动应用所有`.patch`文件中的补丁，确保本地修改被保留。

需求场景

修改 node_modules 本地跑代码在多人开发项目时，重新 npm install 之后代码会把本地的代码覆盖，这里需要增加一个打包补丁解决。

使用方法 1.安装

npm install patch-package --save-dev

2.新增脚本命令

修改 package.json，新增命令 "postinstall": "patch-package"，如图：

3.执行命令

npx patch-package 修改的文件夹名字 此处文件夹名字指 node_modules 中下的文件夹名。

比如如：npx patch-package pdfjs-dist 这里的 pdfjs-dist 就是我们修改的文件的主文件夹名。

4.生成补丁

命令执行结束后查看根目录下是否生成了 patches 文件夹，如图:

5.npm install 验证

在项目里 npm install 验证，是否有补丁包的提示，有就表示打补丁成功！

参考文章

如何解决 “vue-pdf” 中预览出现 印章无法展示 中文无法展示乱码情况 详解
vue-pdf问题解决及patch-package简介