介绍
load.js 是一个基于 Promise 的模块加载器，可用于浏览器和 Node.js 环境。它支持异步模块加载、依赖管理和各种自定义扩展。在前端开发中，我们经常需要使用第三方库，load.js 可以帮助我们更加方便地管理这些库的加载。
本文将为大家介绍如何使用 load.js 实现模块加载，并提供示例代码进行演示。
安装
可以通过 npm 安装 load.js：
npm install loadjs
也可以直接引入 load.js 远程 CDN 地址：
<script src="https://cdn.jsdelivr.net/npm/loadjs/dist/loadjs.min.js"></script>
使用
基本用法
首先，在页面中引入 load.js 后，就可以开始使用了。以下是一个简单的示例：
loadjs('path/to/script.js', function() {
// script.js 加载完成后执行的回调函数
});loadjs 函数接收两个参数：要加载的模块路径（可以是单个字符串或数组），以及加载完成后要执行的回调函数。
在上面的示例中，我们加载了一个名为 script.js 的脚本，并在加载完成后执行了一个回调函数。
高级用法
除了基本用法之外，load.js 还支持许多高级特性，例如：
异步加载
默认情况下，load.js 会按顺序依次加载每个模块，并等待前一个模块加载完成后才开始加载下一个模块。但是，如果我们希望某些模块可以异步加载，则可以将它们包装在一个数组中，并在最后一个参数传递 async: true 选项。
例如：
loadjs(['path/to/script1.js', 'path/to/script2.js'], function() {
// script1.js 和 script2.js 加载完成后执行的回调函数
}, { async: true });在上面的示例中，script1.js 和 script2.js 将同时异步加载，并在两者都加载完成后才执行回调函数。
依赖管理
有时候，一个模块可能依赖于另一个模块，因此需要确保依赖关系正确。为了解决这个问题，load.js 提供了 before 和 after 选项来指定模块之间的依赖关系。
例如：
loadjs(['path/to/jquery.min.js', 'path/to/script.js'], function() {
// script.js 加载完成后执行的回调函数
}, {
before: 'path/to/script.js',
success: function() {
// jquery.min.js 加载完成后执行的回调函数
}
});在上面的示例中，我们先加载了 jQuery 库，然后再加载 script.js 模块。通过指定 before 选项，我们确保了 jQuery 库的加载顺序在 script.js 之前。
自定义配置
load.js 还支持许多自定义配置，例如自定义加载器、文件类型和文件名解析器等。
例如：
-- -------------------- ---- -------
----------------------------- ---------- -
-- --------- ------------
-- -
------- --------------------
-------- ---------- -
-- ------------- ------------
--
-------- -----
------ -----
-------------- ----
---在上面的示例中，我们使用了 loadAll 选项来加载所有给定的模块（而不只是第一个），并且通过 returnPromise 选项将 loadjs 函数返回一个 Promise 对象。
示例代码
<!DOCTYPE html> > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/36175) ，转载请注明来源 [https://www.javascriptcn.com/post/36175](https://www.javascriptcn.com/post/36175)