随着前端开发的复杂化和模块化，项目中使用的文件数量越来越多，文件分类和导入也变得越来越混乱。这时候，使用 include-all 可以让你的导入和配置更加简单和规范。
include-all 是什么？
include-all 是一个 Node.js 的模块，用于自动加载一个目录及其子目录下的所有文件，并将其导出为一个对象。它支持导入 JavaScript、JSON、YAML、CoffeeScript 等多种格式文件。
以前我们可能需要手动遍历所有文件，并 require() 导入，但现在这一切只需要一行代码。
安装 include-all
在项目的根目录下，执行以下命令安装 include-all：
--- ------- ----------- ------
安装完成后，就可以在代码中使用了。
使用 include-all
使用 include-all 非常简单，只需要传入目录路径和选项，就可以自动加载目录下的文件并导出为一个对象。
以下是一个简单的目录结构示例：
------- - ------- - ---------- --------- - ------- - ----------
使用 include-all 加载这个目录，可以得到一个类似于下面的对象：
-
------- -
----- -----------------------------
-------- -------------------------------
--
--------- -
----- -------------------------------
-------- ---------------------------------
-
-这样，我们就可以方便的通过对象属性来访问文件，例如：
----- ------ - ------------ -------- --------------------- -- --------------------- --- - ------------ -- - ----------------- --
注意，在使用 include-all 时，我们需要指定加载目录的绝对路径，通常可以使用 __dirname 获取当前文件所在目录的绝对路径。
include-all 的选项
使用 include-all 时，可以传入一些选项来指定如何加载文件。
下面是 include-all 支持的选项列表：
dirname：要加载的目录的路径（必须）。filter：一个函数，用于对每个文件的路径进行过滤，只有符合条件的文件才会被加载。例如，只加载以.js结尾的文件：filter: /(.+)\.js$/。excludeDirs：一个数组或字符串，用于排除某些目录或文件。例如，排除test目录：excludeDirs: ['test']。exclude：一个函数，用于对每个符合条件的文件进行排除。例如，排除以.test.开头的文件：exclude: /\/\.test\./。optional：一个布尔值，指示是否允许要求的目录不存在，默认为false。recursive：一个布尔值，指示是否递归搜索所有子目录，默认为true。map：一个函数，用于对每个文件导出的值进行自定义处理。例如，将 JSON 文件进行解析：map: (contents) => JSON.parse(contents)。
你可以根据自己的需要选择相应的选项来自定义加载文件方式。
结语
include-all 可以方便的将多个文件导入为一个对象，提高了代码的可读性和维护性。当然，它并不是绝对必须的，很多时候手动导入也可以胜任，但在项目越来越庞大的情况下，使用 include-all 能够极大的节省时间和精力。
示例代码：
-- -------- ----- ---------- - ---------------------- ----- ------ - ------------ -------- --------------------- -- ----- -------- - ------------ -------- ----------------------- -- -------------- - - ------- -------- - -- -------------- ----- ----- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- - - -------------- - - -------- -- -- ------ -------- ---- -- --------------- -- ------- --- --- - -- ---------------- ----- - ------ - - ------------------- -------------- - - ----- ---- -- ----------------------- - -- ------- ----- - ------- -------- - - ------------------ ----- ---- - --------------------- -----------------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/77229