在前端开发中，我们经常需要引入其他的 JavaScript 文件，有时候我们需要检查某个库是否存在，如果存在的话再去引入它，这样可以减少不必要的资源浪费。may-require 是一款轻量级的 npm 包，可以帮助我们快速检查一个库是否在当前环境中存在，如果存在则可以顺利的引入库。
安装 may-require
你可以通过 NPM 快速安装 may-require，打开终端并输入以下命令:
--- ------- ----------- ------
也可以通过 CDN 引入：
------- ---------------------------------------------
引入和使用 may-require
通过 require 引入 may-require：
----- ---------- - -----------------------
在使用 may-require 的时候，我们需要提前定义一份库的引入规则，例如如下 ES6 模块的引入规则：
----- ---- - - --------- -- -- ----------------- -------- -- -- ---------------- ------ -- -- ------------- -
以上是 3 种库的引入规则，每一个库都有一个名字，和一个返回 Promise 对象的函数。这个函数在调用的时候，将异步地加载该库所需的资源。
接着，我们可以在任意 JS 文件中调用 may-require，将库的名字传入检查是否已经存在该库。如果不存在，就会自动异步加载资源并引入库进行相关操作。
例如：
-- ------
----- ----------- - ---------
-- -- -----------
----------------------------------- ------------------
------------ -- -
--------------------
--
------------ -- -
------------------- -- ---- ------- ----------------- -------
---以上代码是检查 lodash 是否可以引入，如果存在则会在控制台打印 lodash 的内容，否则就会打印错误信息。
总结
may-require 是一个方便快捷的 npm 包，可以帮助我们快速引入所需的库，并且避免了重复加载不必要的资源。通过简单的配置，可以实现简洁高效的引入方式，在实际开发过程中将会大幅度提高效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005664b81e8991b448e26b8