如何在 Webpack 中忽略 ESLint 检查？
当我们在写前端代码时，使用 ESLint 可以帮助我们发现代码错误、规范化代码风格等，这对于代码的可读性和可维护性起到了积极的作用。然而，在某些情况下，我们需要忽略某些文件的 ESLint 检查，比如说我们拿到一份外部的代码，这些代码可能无法通过我们的 ESLint 检查，这时我们就需要在 Webpack 中设置忽略 ESLint 检查。
本文将介绍如何在 Webpack 中忽略 ESLint 检查。
首先，我们需要在 package.json 中添加 eslintIgnore 属性，这个属性用来忽略某些文件或文件夹的 ESLint 检查。例如：
{
"eslintIgnore": [
"/node_modules/*",
"/src/js/lib/*"
]
}上述代码表示我们将 node_modules 文件夹和 src/js/lib 文件夹下的所有文件都忽略掉了。
接下来，在 Webpack 配置文件中加入 eslint-loader 并设置 enforce: 'pre' 属性，这样就可以在项目构建之前执行 ESLint 检查：
-- -------------------- ---- -------
-------------- - -
-----
------- -
------ -
-
----- --------------
-------- ----------------------------------
---- -
-
------- ----------------
-------- -
-------- -----
-
-
-
--
-----
-
-
-----
--上述代码中，我们在 module.rules 中加入了一个新的 rule，匹配所有 .jsx 和 .js 文件，同时排除 node_modules 和 bower_components 文件夹中的文件。use 中的 eslint-loader 表示使用 eslint-loader 模块，并且设置了 enforce: 'pre' 属性，这个属性表示在执行其他 loader 前，首先执行这个 loader。
最后，我们可以在 eslint-loader 中加入 exclude 属性，指定哪些文件需要被忽略掉。
-- -------------------- ---- -------
-------------- - -
-----
------- -
------ -
-
----- --------------
-------- ----------------------------------
---- -
-
------- ----------------
-------- -
-------- ------
-------- -------------- -- --------
-
-
-
--
-----
-
-
-----
--上述代码中，我们将需要忽略的文件夹设置为 /excludes/，这样在执行 ESLint 检查时，这个文件夹中的文件都将被忽略掉。
总结：
通过上述配置，在 Webpack 中忽略 ESLint 检查就变得十分容易了，我们可以根据自己的需要在 package.json 或者 Webpack 配置文件中设置忽略的文件或文件夹，从而提高代码的可读性和可维护性。
完整示例代码：
package.json
{
"eslintIgnore": [
"/node_modules/*",
"/src/js/lib/*"
]
}webpack.config.js
-- -------------------- ---- -------
-------------- - -
-----
------- -
------ -
-
----- --------------
-------- ----------------------------------
---- -
-
------- ----------------
-------- -
-------- ------
-------- -------------- -- --------
-
-
-
--
-----
-
-
-----
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a2b44748841e9894f2bea0