随着前端业务越来越复杂，需要加载的文件也越来越多。而手动一个一个引入文件显然会非常麻烦，因此基于 Node.js 的打包工具 webpack 相继出现，大大提升了前端开发的效率。但是在 webpack 中，如果需要引入一个文件夹里面的所有文件，还需要手动设置 entry，非常繁琐。而 npm 包 node-dir-load 则提供一种更加便捷的方式来引入整个文件夹的所有内容。
安装
使用 node-dir-load 首先需要在项目中安装该包。通过 npm 可以轻松安装。
$ npm install node-dir-load --save-dev
使用
使用 node-dir-load，只需一个简单的调用即可实现文件夹内所有文件的加载。以下是使用 node-dir-load 的步骤：
导入
node-dir-load:const dirLoad = require('node-dir-load');调用
dirLoad：const files = dirLoad('./path/to/folder');dirLoad函数会返回一个包含所有文件信息的数组files。
功能和用途
node-dir-load 的主要功能是用于快速导入文件夹内的所有文件信息。这包括文件名、文件路径和文件内容。它可以大大简化项目中的文件导入流程。常见的应用场景包括：
- 加载文本模板。
- 导入某个文件夹下的所有模块。
- 使用模块自动导入所有路由等。
这些任务都需要对文件夹下的所有文件进行读取，而 node-dir-load 刚好可以提供这方面的便利。它可以自动从指定文件夹（包括子文件夹）中读取所有文件，可以避免重复的文件读取代码。
示例代码
下面是一个使用 node-dir-load 加载本地模板文件的示例。
我们可以将所有的模板都放在 ./templates 文件夹下，假设其中有一个 list.html 模板。
<!-- list.html -->
<ul>
<% for (var i = 0; i < data.length; i++) { %>
<li><%= data[i] %></li>
<% } %>
</ul>接下来通过 dirLoad 将所有的模板文件读取出来。
-- -------------------- ---- ------- ----- ------- - ------------------------- ----- --------- - ----------------------- ----- -------- - ----------------------- -- - ------ -------------------------- --- ----- --------------- - ------------------- -- - ------ ------------- ---
这样我们就可以得到包含所有模板文件内容的数组 tmplContentList。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671381e8991b448e3604