在我们的日常开发中使用到 npm 包是十分常见的，但是在使用某些 npm 包时我们可能并不满意它原本的实现方式，这时候我们会发现自己需要对这些 npm 包进行改造。这时我们就可以借助 wraperit 这个工具来实现我们想要的效果。
什么是 wraperit
wraperit 是一个开源的 npm 包，它可以让我们通过一种轻松的方式来对已有的 npm 包进行二次封装和更改。
wraperit 能够助你实现以下目的：
- 能够对已有的 npm 包进行修改，例如：通过替换源代码的方式来实现修改某个功能。
- 能够将若干个功能模块进行组合，让它们能够按集成的方式与已有模块交互。
- 能够将代码中的某些部分进行优化或修改，提升代码的性能和可读性。
如何在你的代码中使用 wraperit
当你需要使用 wraperit 时，你需要先使用 npm 安装此包：
npm install wraperit
安装完毕后，你可以像此处代码一样使用 wraperit：
-- -------------------- ---- -------
----- -------- - --------------------
--- ------- - --------------------
--- ------- - --------------------
--- ------- - --------------------
--- ------------ - ----------
------------- -
--------
--------
-------
--
-------- -
------------------------- --- ---- ---------------
--
-------------- ---------------- ------------- -- -
------ -
------------------
--------------- -- -- -
------------------- -------------- ---------
-
--
-
---
------------------------------ -- -- ------- -------------- -------这段代码中，我们通过 wraperit 对 moduleA、moduleB 和 moduleC 进行了二次封装，加入了我们自定义的部分代码。实现了更加符合我们需求的自定义模块。
wraperit 的常用 API
wraperit 功能强大，以下是 wraperit 常用的 API：
wraperit(options)
wraperit 函数是最基础也是最重要的函数，它用于创建一个新的模块。
参数 options 包含以下属性：
- dependencies: 一个对象，其中的 key 是你需要用到的模块的名称，value 是实际加载的模块。
- moduleWrapper: 一个函数，它用于修改和二次封装模块。
- onInit: 在模块初始化时调用的函数。
dependencies
dependencies 属性是一个对象，其中 key 是需要使用的模块的名称，value 是实际要加载的模块。你可以通过 require 或者传递变量名来给 dependencies 指定值。
比如：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------- - -------------------
----- ------- - -------------------
----- ------------ - ----------
------------- -
--------
-------- -------------------
-------
-
---moduleWrapper
封装函数最关键的部分是 moduleWrapper 函数。 moduleWrapper 函数是 wraperit 的核心，它可以修改你的目标模块，使之在满足需求的前提下具备更多的功能。
moduleWrapper 函数接收两个参数：
- originalModule 是你想要封装的 node 模块。
- dependencies 是
dependencies传递的对象，其中包含了所有和这个模块相关的依赖模块。
-- -------------------- ---- -------
----- -------- - --------------------
----- ------- - -------------------
----- ------- - -------------------
----- ------------ - ----------
------------- -
--------
-------
--
-------------- ---------------- ------------- -- -
------ -
------------------
--------------- -- -- -
------------------- -------------- --------
-
--
-
---onInit
大部分情况下，你只需要使用其他模块提供的功能，不过有时候你需要在模块初始化时执行一些特定的操作，比如初始化某个变量。这时候，onInit 就可以派上用场了。
-- -------------------- ---- -------
----- -------- - --------------------
----- ------- - -------------------
----- ------- - -------------------
--- ----------------------- - ------
----- ------------ - ----------
------------- -
--------
-------
--
------- -- -- -
------------------- ------ -------------
----------------------- - -----
-
---总结
wraperit 通过对已有的 npm 包进行改造以及将多个功能模块组合的方式，让我们可以轻易地实现自己所需的效果。它在前端开发中有着广泛的使用，可以极大地提升开发的参与度和效率。
下面附上一个完整的示例：
-- -------------------- ---- -------
----- -------- - --------------------
----- ----- - -----------------
-- ---------------- ---- ---
----- -------- - ----- -- -- -
--- -------- - ----- --------------------------------
------ --------------
-
-- -- -----------------
----- --------- - ----------
------------- -
--------
--
-------------- ---------------- ------------- -- -
------ ----- -- -- -
--- -- - ----- -----------------
------ ---------------
--
-
---
--------------------- -- -
----------------- ----
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671178dd3466f61ffe6f1