在前端开发过程中，我们常常需要在程序中使用多个文件，包括 CSS、JavaScript、HTML 等文件。使用 require-dirs 可以方便地加载多个文件，同时也可以方便地组织代码，并且使用起来也非常简单。
安装 require-dirs
通过 npm 安装 require-dirs，运行以下命令：
npm install require-dirs --save-dev
使用 require-dirs
在你的代码中引入 require-dirs：
const requireDir = require('require-dirs');接着，在你的代码中要引入多个文件的地方，使用如下代码：
const files = requireDir('./path/to/directory');其中，./path/to/directory 是包含要引入的所有文件的目录。require-dirs 会遍历这个目录下的所有文件，并将文件名作为属性名，文件内容作为属性值，给 files 对象添加属性。
如果你想要过滤目录中的某些文件，可以使用正则表达式作为第二个参数传入：
const files = requireDir('./path/to/directory', /^((?!index).)*\.js$/);上述代码会加载目录下所有的 .js 文件，但会排除掉名为 index.js 的文件。
示例代码
在本地创建一个文件夹，然后分别创建两个文件 hello.js 和 world.js，并在这两个文件中分别输出 hello 和 world。
在目录下创建一个 index.js 文件，内容如下：
const requireDir = require('require-dirs');
const files = requireDir('./');
console.log(files.hello()); // 输出 "hello"
console.log(files.world()); // 输出 "world"运行 node index.js 即可输出 "hello" 和 "world"。
结论
require-dirs 可以方便地加载多个文件，并且可以方便地组织代码。通过了解 require-dirs 的使用方法，我们可以更加高效地编写前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562b281e8991b448dff13