前言
在前端开发中，我们经常需要对一些文件进行操作，比如说找到某个目录下的所有 JS 文件，或者找到某个文件夹下所有文件名包含 "test" 的文件。这个时候，我们就可以使用 npm 包 glob-cli 来查询文件。
glob-cli 是一个命令行工具，可供用户在任何地方使用命令行进行文件查询操作。本文将会详细介绍 glob-cli 的使用方法，探究其内部原理，以及如何将其嵌入到您的前端项目中。
安装
在使用 glob-cli 之前，我们需要先将其安装到本地电脑中。在命令行中运行以下命令即可完成安装：
npm install --global glob-cli
安装后，我们就可以在命令行中使用 glob 命令查询文件了。
查询语法
下面是 glob-cli 中常用的查询语法：
*: 匹配任意数量的字符，但不包括目录分隔符 /。**: 匹配任意数量的字符，包括目录分隔符 /。?: 匹配一个任意字符，但不包括目录分隔符 /。[]: 匹配括号内的任意一个字符。!: 表示否定，匹配除了括号内字符以外的字符。{}: 多个选项，匹配其中一个。
命令行使用
使用 glob-cli 进行文件查询非常简单。我们只需要在命令行中输入 glob 命令，并指定要查询的文件路径即可。
查询单个文件
可以使用以下命令查询单个文件：
glob filePath
例如，以下命令可查询当前目录下的 index.js 文件：
glob index.js
查询多个文件
可以使用以下命令查询多个文件：
glob path/to/files/*
例如，以下命令可查询 path/to/files 文件夹下所有的 JS 文件：
glob path/to/files/*.js
使用通配符
我们可以使用上面提到的查询语法中的通配符来指定文件名。例如：
glob path/to/files/t*.js
以上命令可查询 path/to/files 文件夹下所有以 t 开头的 JS 文件。
排除文件
有时候，我们需要排除某些文件。可以使用以下命令：
glob path/to/files/**/!(*.dir)
以上命令可查询 path/to/files 文件夹下所有不含 .dir 的文件。
更多命令行使用方法，请查看 glob-cli 的官方文档。
在前端项目中使用 glob-cli
除了在命令行中使用 glob-cli，我们还可以在前端项目中嵌入 glob-cli 进行文件查询操作。在下面的示例中，我们将介绍如何在 React 项目中使用 glob-cli。
首先，我们需要使用 npm 安装 glob-cli：
npm install glob-cli
然后，在需要查询文件的 React 组件中，引入 glob：
import glob from 'glob-cli';
现在，我们就可以使用 glob 进行文件查询了。以下是一个示例查询所有 JS 文件并打印文件名：
glob('**/*.js', function (err, files) {
if (err) {
console.error(err);
return;
}
console.log(files);
});总结
glob-cli 是一个非常有用的 npm 包，可以快速、方便地进行文件查询操作。通过本文的介绍，您现在已经了解了 glob-cli 的基本使用方法和查询语法，以及如何在前端项目中使用它。希望本文能够对您有所帮助，祝您使用愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcbe7b5cbfe1ea06126b0