在前端开发中，我们经常需要加载多个模块来实现某个功能，但是手动引入这些模块会显得很繁琐。为了解决这个问题，我们可以使用 require-directory 这个 npm 包，它可以帮助我们快速加载目录下所有的模块。
安装
在使用 require-directory 之前，我们需要先安装它：
--- ------- ----------------- ------
使用
使用 require-directory 很简单，只需要指定一个目录路径，它就会将该目录下所有的模块以文件名为 key，模块对象为 value 返回一个对象。
----- ---------------- - ----------------------------- ----- ------- - ------------------------ ----------- ---------------------
其中，第一个参数 module 是当前模块，第二个参数 ./utils 是要加载的目录。
假设我们的 ./utils 目录结构如下：
------ ---------- ------------ -----------
那么执行上述代码后，modules 对象就会包含三个属性：math、string 和 array。
深度加载
require-directory 还支持深度加载，也就是可以递归加载子目录中的模块。例如，我们可以将 ./utils 目录改为如下结构：
------ ---------- ------------ ----------- ------- - ------------ - --------------
然后，我们可以使用 require-directory 加载整个目录：
----- ---------------- - ----------------------------- ----- ------- - ------------------------ ---------- - -------- ---- --- ---------------------
这样就会将 ./utils 目录及其子目录中所有的模块都加载进来了。
指定过滤器
如果我们只需要加载特定类型的文件，可以使用 exclude 和 include 选项指定一个过滤器。例如，我们只需要加载以 .js 结尾的文件，可以这样写：
----- ---------------- - ----------------------------- ----- ------- - ------------------------ ---------- - -------- ------------- -------- ------- --- ---------------------
其中，exclude 表示要排除的文件，这里排除了 index.js 文件；include 表示需要包含的文件，这里包含了以 .js 结尾的文件。
示例代码
下面是一个使用 require-directory 的示例，它会加载当前目录下以 .route.js 结尾的文件，并将它们都注册为路由：
----- ------- - ------------------- ----- ---------------- - ----------------------------- ----- --- - ---------- ----- ------ - ------------------------ ----------- - -------- ------------- -------- -------------- --- --- ---- ----- -- ---------------------- - ------------------- -------------- - ---------------- -- -- - ------------------- ------- -- ---- ------- ---
在上述示例中，我们使用 require-directory 加载了 ./routes 目录下以 .route.js 结尾的文件，并将它们都注册为路由。这样就可以快速创建一个包含多个路由的 Express 应用了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51745