esquire 是一个用于动态加载 JavaScript 模块的 npm 包。它提供了一个简单且易于使用的 API，同时支持 CommonJS 和 AMD 规范。本篇文章将介绍如何使用 esquire，包括安装、基本使用以及高级用法。
安装
首先需要安装 Node.js (>= v6.0) 和 npm。
在项目根目录下执行以下命令安装 esquire：
npm install esquire
安装完成后，即可在代码中引入 esquire。
基本使用
加载模块
使用 esquire 加载模块非常简单：
const esquire = require('esquire');
esquire(['module-a', 'module-b'], function(moduleA, moduleB) {
// 在这里使用 moduleA 和 moduleB
});以上代码中，esquire 函数第一个参数是要加载的模块列表，第二个参数是回调函数，该函数参数列表的顺序与第一个参数一一对应。当所有模块都加载完成后，该回调函数将被调用。
加载外部模块
有时候需要加载外部的 JavaScript 模块文件，可以使用 esquire.toUrl() 方法生成文件的 URL，进而使用 esquire() 加载该文件：
const esquire = require('esquire');
const externalModuleUrl = esquire.toUrl('path/to/external/module.js');
esquire([externalModuleUrl], function(externalModule) {
// 在这里使用 externalModule
});以上代码中，esquire.toUrl() 方法将字符串参数转换为模块文件的 URL。然后使用 esquire() 加载该文件并在回调函数中使用该模块。
配置模块加载器
如果需要指定模块加载器，可以使用 esquire.config() 方法：
-- -------------------- ---- ------- ----- ------- - ------------------- ---------------- ------- ----------- -- --------- --- -------------------- ------------ ----------------- -------- - -- ----- ------- - ------- ---
以上代码中，esquire.config() 方法接收一个对象参数，该对象中的 loader 键值用于指定模块加载器的名称。可用的加载器包括：node、amd、commonjs 和 globals。如果不指定，默认使用 node。
加载远程模块
esquire 也支持加载远程的 JavaScript 模块：
const esquire = require('esquire');
esquire(['https://example.com/remote-module.js'], function(remoteModule) {
// 在这里使用 remoteModule
});以上代码中，esquire() 函数的第一个参数是远程模块的 URL。当远程模块加载完成后，回调函数将被调用。
高级用法
递归加载
有时候需要递归加载依赖模块，可以使用 esquire() 函数返回的 Promise 对象。当所有依赖模块加载完成后，Promise 对象将 resolve 并返回所有已加载的模块。
-- -------------------- ---- ------- ----- ------- - ------------------- --------------------- ----------------- - -- ----- ------- ------------------------- - -- ----- ----------- ------- ------- ------- ------------------------ - -- ---- ---
以上代码中，esquire() 函数返回的 Promise 对象可以链式调用，以递归加载依赖模块。当全部模块都加载完成后，Promise 对象将 resolve 并返回所有已加载的模块。
延迟加载
有时候需要在某个条件满足时才去加载模块，可以使用 esquire.defer() 方法实现模块的延迟加载。
-- -------------------- ---- -------
----- ------- - -------------------
----- -------- - ----------------
----- ---------- - -- -- -
--------------------- ----------------- -
-- ----- -------
--------------------------
---
--
-- --------
-- ----------- -
-- -------------
-------------
- ---- -
-- --------------
---------------------------- ------------
-
-- -- ------- --------
--------------------------------------- -
-- ----- -------
------------------------ -
-- ----
---以上代码中，首先使用 esquire.defer() 方法创建一个 Promise 对象，并在回调函数中获取模块内容并 resolve Promise 对象。如果条件满足，则直接加载模块；否则，使用事件监听器延迟加载模块。最后使用 Promise 对象获取加载结果。
示例代码
以上介绍的 esquire 的用法，下面提供一段完整的示例代码，以便更好地理解：
-- -------------------- ---- -------
----- ------- - -------------------
-- -----
----------------
------- -----
---
-- ------
----- -------- - ----------------
----- ----------- - -- -- -
-------------------- ------------ ----------------- -------- -
-- ----- ------- - -------
------------------
--------
-------
---
---
--
-- --------
-- ----------- -
-- -------------
--------------
- ---- -
-- --------------
---------------------------- -------------
-
-- -- ------- --------
--------------------------------------- -
-- ----- --------------- - ---------------
------------------------ -
-- ----
---结语
本文介绍了 esquire 的基本用法和高级用法，希望读者能够掌握如何使用 esquire 加载 JavaScript 模块。同时，对于初学者来说，如果对 CommonJS 和 AMD 规范、Promise 对象等概念不太熟悉，建议先补一补这些基础知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74035