前言
在前端的开发工作中，有时候需要对一个已有的 npm 包进行修改，使其符合自己的需求。但是，直接修改这个 npm 包的源代码，难以维护且不可重复使用。这个时候，我们就需要使用一个叫做 patch-hub 的 npm 包来实现对 npm 包的在本地进行修改，同时还可以运行原来的 npm 包。
什么是 patch-hub
patch-hub 是一个 npm 包管理工具，它可以用于修改别人的 npm 代码，并且能够与已有的 npm 包保持原来的依赖关系。当我们使用 patch-hub 对一个 npm 包进行修改之后，这个包的依赖关系不会受到影响，还可以在我们没有修改这个包的时候使用。
安装 patch-hub
我们可以使用以下命令来全局安装 patch-hub：
$ npm install -g patch-hub
安装完成之后，我们就可以使用 patch-hub 命令来对 npm 包进行修改。
使用 patch-hub
初始化一个工程
使用以下命令初始化一个 patch-hub 工程：
$ patch-hub init
执行这个命令将会在当前目录下创建一个名为 .patchhub 的目录，这就是 patch-hub 工程的根目录。
修改一个 npm 包
在一个已经存在的 patch-hub 工程中，我们可以使用以下命令来对一个 npm 包进行修改：
$ patch-hub add <npm-package>
其中 <npm-package> 是你要修改的 npm 包的名称。执行这个命令后，patch-hub 将会为这个 npm 包创建一个补丁包，并且将其保存在工程根目录的 patches 目录下。
编写补丁代码
在一个补丁包中，我们可以修改原来的 npm 包代码或者增加代码片段。补丁包的文件结构如下：
patches/
└── <npm-package>@<version>
├── patch.js
└── package.json其中，<npm-package>@<version> 表示你要修改的 npm 包的名称和版本号。patch.js 文件就是你要修改的 npm 包的代码，你可以在其中修改原来的代码或者增加新代码。
应用补丁
在一个 patch-hub 工程中，我们可以使用以下命令来应用一个补丁：
$ patch-hub apply
执行这个命令之后，patch-hub 将会从工程根目录中的 patches 目录中寻找所有的补丁包，并且将其应用到相应的 npm 包中。
运行原有的 npm 包
当我们对一个 npm 包进行修改之后，有时候仍然需要使用原始的 npm 包代码。我们可以使用以下命令来运行原有的 npm 包：
$ patch-hub run <npm-package>
其中 <npm-package> 是你要运行的 npm 包的名称。
示例代码
以下代码演示了如何使用 patch-hub 进行 npm 包的修改，并且运行修改后的 npm 包。
-- -------------------- ---- ------- - ----- --------- -- - --------- ---- - -------- --- - - --------- --- ------ - ------ - ---- ----------------------------- - -- ------ -- - ---- --------------------------------- - -- --------- --- ------------ -- - ---- - --------- ----- - ------ --- - - --------- --- ------
总结
使用 patch-hub 可以很方便地对 npm 包进行修改，同时还能够保持原有的依赖关系，并且可以运行原来的 npm 包。掌握 patch-hub 的使用，可以让我们更加灵活地应对各种需求，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ac981e8991b448d861f