什么是 ESLint？
ESLint 是 JavaScript 代码的静态分析工具，用于标准化代码风格，并发现潜在的错误和代码问题。它可以识别 ECMAScript 标准以及其他一些流行的 JavaScript 语言扩展，如 JSX。ESLint 可以扩展，可以使用标准规则以外的其他规则来检测代码问题。
忽略文件和文件夹
在某些情况下，我们可能想要忽略一些文件和文件夹，以避免 ESLint 进行不必要的代码检查。例如，如果我们在项目中使用了依赖管理器如 npm 或 yarn，那么我们希望忽略 node_modules 目录，因为这个目录包含了数以千计的文件，如果对它们进行检查肯定是不必要的。
幸运的是，ESLint 允许我们在配置文件中定义忽略的文件和文件夹。
文件忽略
要忽略特定文件，我们需要在配置文件（通常被命名为 .eslintrc.js 或 .eslintrc.json）中定义 ignorePatterns 属性，该属性应该是一个字符串数组，每个字符串描述一个要忽略的文件：
-------------- - - --------------- ------------ ----------- ----------- -
ESLint 将忽略这些文件，所以不会对它们进行检查。
文件夹忽略
要忽略特定文件夹，我们需要在配置文件中定义 ignorePatterns 嵌套属性，该属性应该是一个字符串数组，每个字符串描述一个要忽略的文件夹。下面是一个示例：
-------------- - - --------------- ---------------- -------------------- -
在这个例子中，我们忽略了 node_modules 文件夹以及 generated_code 文件夹及其任何子目录中的所有内容。
指导意义
忽略文件和文件夹是ESLint配置中一个重要的方面，它可以避免没有必要的代码检查，并提高 ESLint 的效率。然而，需要注意的是，忽略文件和文件夹可能会导致错误的语法被忽略，从而在运行时产生问题，因此我们需要谨慎地使用它。
示例代码
在下面的示例代码中，我们想要在忽略特定的文件和文件夹的同时使用 ESLint：
-------------- - -
--------------- ---------------- ---------------------
------- -----------------------
-------------- -
------------ -----
----------- ---------
------------- -
---- ----
-
--
-------- ----------
-------- ---------------------- ----------------------------
------ -
------------- --------
------------------- -----
-
-在这个示例中，我们使用了 @babel/eslint-parser，开启了 JSX，使用了 react 插件，并关闭了某些规则。同时，我们忽略了所有的 node_modules 和 generated_code 文件夹。
结论
在本文中，我们了解了如何在 ESLint 配置文件中忽略文件和文件夹，以避免不必要的代码检查。同时，我们要注意不要忽略必要的文件和文件夹，以避免出现运行时问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672983802e7021665e24bf9d