在前端开发中，我们经常会使用第三方的 npm 包，而有时候我们需要对这些包做出修改以满足我们的特定需求。但是，直接更改这些包的源代码并不是一个好方法，因为当这些包升级版本时，我们的更改会丢失。于是，npm 提供了一个名为 patches 的功能，它可以让我们在不更改原始 npm 包源代码的情况下，对其进行修改。
什么是 npm 包 patches？
在 npm 中，我们可以使用 patches 功能让我们对于不同版本的 npm 包，在不更改其源代码的情况下进行修改。patches 实际上是一种代码补丁，它会更改 npm 包中的特定部分。
在使用 patches 时，我们首先需要知道 npm 包的版本和需要修改的文件所在的文件路径和文件名。然后，我们可以创建一个 JSON 文件，以描述需要执行哪些修改，以及如何执行这些修改。
如何使用 npm 包 patches？
下面，让我们来看一下如何使用 npm 包 patches。
步骤一：安装需要使用 patches 的包
首先，我们需要在项目中安装需要使用 patches 的 npm 包。我们可以使用以下命令：
npm install <package-name>
步骤二：创建一个 patches 文件
我们可以在项目的根目录下创建一个名为 patches.json 的文件。
在此文件中，我们需要使用以下格式来描述需要执行哪些修改：
-- -------------------- ---- -------
-
-
----------- --------------
--------- ----------
-------- ------
--
-
-- --------
-
-在这个 JSON 文件中，我们需要提供三个参数：filePath、before 和 after。
- filePath：需要修改文件的相对路径。
- before：需要替换的代码。
- after：新的代码。
例如，我们想要修改包中的一个叫做 index.js 的文件。我们可以创建一个名为 patches.json 的文件，并编写以下代码：
[
{
"filePath": "index.js",
"before": "console.log('Hello, World!')",
"after": "console.log('你好，世界！')"
}
]这里，我们将会将 console.log() 的信息从英文改为中文。
步骤三：在包中运行 patches
我们可以使用以下命令来运行 patches：
npx patch-package <package-name>
运行此命令后，patches.json 中的修补将自动应用于安装的指定包中。
注意，<package-name> 需要替换为您要修补的 npm 包的名称。
步骤四：验证 patches 是否工作
最后，我们需要验证 patches 是否已应用于包中。为此，我们可以使用以下命令来检查 patches 是否成功运行：
npm test
这将运行包中的测试。如果您在 patches 中更改的内容已被正确地应用到包中，测试将不会失败。
总结
使用 npm 包 patches，我们可以修改 npm 包的特定部分，而不必更改其源代码。这使我们能够更轻松地维护我们的项目，并使其更加容易升级到未来的包版本。同时，这也让我们有能力在开源社区中共享对于某些包的特殊需求、bug 修复和其他贡献。
让我们通过使用 patches 来积极参与开源社区，为项目的持续发展做出贡献吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d0d81e8991b448e6cc9