概述
在前端开发中，我们通常使用 npm 包帮助我们处理各种任务，但是有时候我们会遇到需要修改某个 npm 包的情况。一般情况下，我们会 Fork 该包进行修改，但这样的方式不仅增加了管理复杂度，还可能导致更新困难。此时，我们可以使用 patch-package：
- 使用 patch-package 可以直接在 node_modules 目录下进行修改，不用担心包的更新问题
- patch-package 会记录你的修改，并将记录保存在 patches 目录下，方便管理和升级
下面我们来具体了解如何使用 patch-package。
安装
全局安装 patch-package：
--- ------- ------------- --
如果不想全局安装，可以在项目中通过 npx 使用：
--- ------------- --------------
使用
以 lodash 为例，我们需要修改其源码中的一个方法：
----- - - ----------------- ----------- - -------- --- - -------------------- ------ -------------- -
可以看到，我们将 lodash 的 cloneDeep 方法重写了一遍，在每次调用时都会打印一个 "Oops!"。
接下来，我们需要将这个修改保存下来。使用 patch-package，我们可以通过以下命令生成一个 patch 文件：
--- ------------- ------
或者：
------------- ------
执行完命令后，你会在项目目录下的 patches/lodash+xx.xx.xx.patch 文件中看到修改的内容。下次需要部署项目时，只需要将 patch 文件和 package.json 一并提交到版本控制工具中即可，其他开发者更新项目时也会自动应用该 patch。
用法也很简单，只需要在项目的 package.json 文件中添加 scripts 配置：
-
---------- -
-------------- ---------------
-
-这样，每次 npm install 或 yarn install 完成后，patch-package 会自动检测存在的 patch 文件并应用，从而实现修改的持久化。
后续管理
如果需要更新 npm 包的版本，可以执行以下命令：
--- ------ --- --- -----------
patch-package 会自动检查 patches 目录下的文件是否适用于新版本，如果适用，会对新版本执行相应的修改。
如果您需要删除某个 npm 包的 patch，可以执行以下命令：
--- ------------- -------- ------
最后，需要提醒的是，尽管 patch-package 在修改 npm 包时非常方便，但不应该滥用它。如果需要定制大量修改，请考虑 Fork 该包并提交 PR，让更多人受益。
总结
patch-package 是一个非常实用的 npm 包，它可以帮助我们在修改 npm 包时自动适配版本，并记录我们的修改，方便后续的管理。虽然它不能完全解决所有的问题，但它为我们的前端开发提供了更加便捷和安全的修改 npm 包的方式。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/patch-package