在前端开发中，我们常常需要遍历一个目录下的所有文件，进行一些批量操作，比如压缩、上传等。然而，JavaScript 原生并没有提供相应的 API 来实现这种操作，因此我们需要借助一些工具来实现。其中，npm 包 readdir-recursive 就是一个不错的选择。
什么是 readdir-recursive？
readdir-recursive 是一款 npm 包，它提供了一种遍历目录下所有文件的方式。它的使用非常简单，而且它的功能也很强大，支持通过正则表达式、筛选器等方式来过滤文件。
如何使用 readdir-recursive？
首先，我们需要先安装这个 npm 包。在终端执行以下命令即可：
npm install readdir-recursive --save-dev
接着，在我们的代码中引入该包：
const readdir = require('readdir-recursive');然后，我们就可以使用它提供的 API 来遍历目录下的所有文件了。例如，我们可以通过以下代码来列出当前目录下所有的 .js 文件：
const files = readdir.fileSync('.', /\.js$/);
console.log(files);上面这段代码中，我们使用了 readdir.fileSync 方法来同步地遍历当前目录下的所有 .js 文件，并将结果存入一个数组中。如果需要遍历子目录，只需要在第一个参数中传入对应的目录路径即可。
如果你想查找所有除了 .js 文件之外的文件，可以使用下面的代码：
const files = readdir.fileSync('.', file => !/\.js$/.test(file));
console.log(files);上面这段代码中，我们使用了一个回调函数作为第二个参数来过滤文件。如果回调函数的返回值为 true，那么将停止遍历该文件夹；如果返回值为 false，则继续遍历。
当然，除了上面的两种用法之外，readdir-recursive 还支持其他很多功能，比如异步遍历、按照修改时间排序等。你可以查看官方文档来了解详情。
readdir-recursive 的指导意义
使用 readdir-recursive 可以让我们更高效地遍历目录下的所有文件，省去手动编写遍历代码的时间和精力。同时，它的强大过滤功能也可以让我们更精确地定位到我们想要的文件，提升我们的开发效率。
总之，掌握这个 npm 包的使用方法将有助于提高我们的开发效率和代码质量，值得我们去深入学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61655