在前端开发中，我们经常需要引用多个模块或文件，手动一个个引用会让我们的代码变得冗长且难以维护。而 req-all 是一个方便的 npm 包，可以帮助我们一次性加载目录中所有模块，避免了一个个文件引入的繁琐过程。
安装
使用 npm 安装 req-all：
npm install req-all
使用方法
基础使用
假设我们有如下目录结构：
project
├── controllers
│ ├── home.js
│ └── user.js
└── models
├── article.js
└── user.js我们想要加载 controllers 和 models 目录中的所有文件，则可以这样使用 req-all：
const reqAll = require('req-all');
const controllers = reqAll('./controllers');
const models = reqAll('./models');
console.log(controllers); // { home: [Function], user: [Function] }
console.log(models); // { article: [Function], user: [Function] }这里的 reqAll 方法接受一个字符串参数，表示需要加载的目录路径，返回一个对象，包含目录中所有模块的导出内容。在上面的例子中，controllers 对象包含了 home.js 和 user.js 中导出的函数，而 models 对象则包含了 article.js 和 user.js 中导出的函数。
过滤文件
如果我们只想加载某些特定的文件，可以使用第二个参数。第二个参数接受一个正则表达式或一个函数，返回值为 true 的文件会被加载。
假设我们想要只加载以 .js 结尾的文件，则可以这样使用：
-- -------------------- ---- ------- ----- ------ - ------------------- ----- ----------- - ----------------------- - ------- ----------- --- ----- ------ - ------------------ - ------- ----------- --- ------------------------- -- - ----- ----------- ----- ---------- - -------------------- -- - -------- ----------- ----- ---------- -
这里的 filter 参数是一个正则表达式，只有以 .js 结尾的文件才会被加载。
自定义命名
如果我们想要自定义加载的模块名称，可以使用第三个参数。第三个参数接受一个函数，函数接受两个参数：当前加载的模块对象和当前加载的文件路径。函数返回值即为当前加载的模块的名称。
假设我们想要将 home.js 和 user.js 分别命名为 HomeController 和 UserController，则可以这样使用：
-- -------------------- ---- -------
----- ------ - -------------------
----- ----------- - ----------------------- -
-------- -------- --------- -- -
------ ---------------------------
-
---
------------------------- -- - --------------- ----------- --------------- ---------- -这里的 resolve 参数是一个函数，将每个模块对象和对应的文件路径传入，返回加载的模块名称。
总结
使用 req-all 可以方便地加载目录中的所有模块，避免了手动一个个引用的繁琐过程。通过配置参数，还可以实现过滤文件和自定义命名等功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43064