在前端开发中，我们通常需要引入许多模块和文件来构建一个项目。如果这些文件分布在不同目录下，并且数量庞大，手动一个个引入会非常麻烦。为了解决这个问题，我们可以使用 require-dir 这个 npm 包。
安装
要使用 require-dir，首先需要在命令行中安装它：
npm install require-dir --save-dev
使用方法
使用 require-dir 非常简单。首先，在你的代码中引入该包：
const requireDir = require("require-dir");然后，你就可以使用 requireDir 函数来加载整个目录下的模块了。比如，假设我们有这样一个目录结构：
-- -------------------- ---- ------- ----------- --- ------- - --- ----- - --- --------- --- ------------ - --- ------- - --- ------- --- ------- - --- ------- - --- ------- --- -------- --- ------------
我们可以使用以下代码来加载 controllers 目录下的所有模块：
const controllers = requireDir("./controllers");这会返回一个对象，其中每个键都是该目录下每个模块的文件名（去掉了 .js 后缀），而值则是每个模块导出的内容。因此，我们可以通过以下方式来访问 home.js 和 user.js 两个模块：
const homeController = controllers.home; const userController = controllers.user;
同样的，我们也可以加载 models 目录下的所有模块：
const models = requireDir("./models");这会返回一个对象，其中每个键都是该目录下每个模块的文件名（去掉了 .js 后缀），而值则是每个模块导出的内容。因此，我们可以通过以下方式来访问 user.js 和 post.js 两个模块：
const User = models.user; const Post = models.post;
示例代码
以下是一个完整的示例代码，展示了如何使用 require-dir 来加载 controllers 和 models 目录下的所有模块：
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- ----------- - ---------------------------- ----- ------ - ----------------------- ------------------------- -------------------- ----- -------------- - ----------------- ----- -------------- - ----------------- ----- ---- - ------------ ----- ---- - ------------ ------------------------------------ -------------------------------------- --------------- ------ ----- ------- ---- --------------- ------ ------ ------- ------- ----
总结
require-dir 是一个非常方便的 npm 包，可以帮助我们快速加载整个目录下的模块。在实际开发中，我们可以将各个模块放在不同的目录下，然后使用 require-dir 来加载它们，这样可以让我们的代码更加模块化、易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43676