什么是 ESLint？
ESLint 是一个 JavaScript 代码检查工具，可以帮助开发者在编写代码时发现一些问题，比如语法错误、代码风格问题等。它可以通过配置文件自定义规则，也可以通过插件扩展功能。ESLint 适用于各种前端框架和库，比如 React、Vue、Angular 等。
为什么需要忽略文件？
在使用 ESLint 进行代码检查时，有一些文件并不需要被检查，比如测试文件、第三方库文件等。如果不忽略这些文件，会导致 ESLint 报出很多无用的警告和错误，降低开发效率。因此，我们需要配置 ESLint 忽略这些文件。
如何配置 ESLint 忽略文件？
在 ESLint 配置文件中，可以通过 ignorePatterns 属性来配置需要忽略的文件或目录。该属性接收一个数组，每个元素为一个匹配规则。
匹配规则
匹配规则支持以下几种：
*：匹配任意数量的字符，但不匹配路径分隔符（/）。**：匹配任意数量的字符，包括路径分隔符。?：匹配一个字符，但不匹配路径分隔符。!：排除匹配的文件或目录。
匹配规则可以使用以下语法：
/path/to/file：匹配指定的文件或目录。/path/to/*：匹配指定目录下的所有文件和目录，但不包括子目录。/path/to/**：匹配指定目录下的所有文件和目录，包括子目录。!path/to/file：排除指定的文件或目录。*.js：匹配所有以.js结尾的文件。src/**/*.{js,jsx}：匹配src目录下所有以.js或.jsx结尾的文件，包括子目录。
示例代码
下面是一个简单的 ESLint 配置文件，忽略了 node_modules 目录和测试文件。
module.exports = {
// 忽略 node_modules 目录和测试文件
ignorePatterns: ['node_modules/', '**/__tests__/**/*'],
// 其他配置...
}总结
通过配置 ESLint 忽略文件，可以避免无用的警告和错误，提高开发效率。在配置时，需要注意匹配规则的语法和使用方式。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657abd6ed2f5e1655d532f87