在前端开发中，我们常常需要使用一些第三方库来帮助我们解决一些问题。而这些库通常是通过npm包管理器来引入的。但有时候我们会遇到一些第三方库没有暴露出相应的全局变量，我们就需要通过exposify这个npm包来解决这个问题。
什么是 exposify？
exposify 是一个可以将模块挂载到全局命名空间下的工具。它允许你以 CommonJS 风格写代码，但同时又能够在浏览器环境中使用。exposify 可以将一个或多个模块转换成全局变量，从而使它们可以在浏览器环境中直接使用。这样我们就可以在不修改源码的情况下，将某些依赖挂载到全局变量上了。
如何使用 exposify？
- 安装
首先，我们需要在项目中安装 exposify：
--- ------- -------- ----------
- 配置
接着，在 package.json 文件中添加以下配置：
------------- -
------------ -
----------
-
--
--------- -
--------- ----
------------- ---
- 这里我们将jquery和underscore两个模块挂载到了全局变量上，分别对应了 $ 和 _ 的命名空间。
- 使用
在我们需要使用 jquery 或 underscore 的地方，只需要像下面这样引入即可：
--- - - ------------------ --- - - ----------------------
此时，我们就可以在当前文件中直接使用 $ 和 _ 变量了。
示例代码
-- --------
--- - - ------------------
--- - - ----------------------
------------ -
------------------- ----------
---
---------- -- --- ------------- -
-----------------
---这段示例代码中，我们同时使用了 jquery 和 underscore 模块，并将它们挂载到了 $ 和 _ 全局命名空间下。在 $(function(){}) 中，我们使用了 $ 变量来调用 jQuery 的 ready() 方法，在 _.each() 中，我们则使用了 _ 变量来遍历数组。
总结
exposify 是一个很实用的工具，可以帮助开发者解决第三方库没有暴露出相应的全局变量的问题。通过以上步骤的配置，我们就可以在前端项目中愉快地使用这个工具了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/41421