最新版webpack5中使用eslint，最简单明了

webpack5中使用eslint (最新版就看它了)

本文章用于记录学习webpack中遇到的版本问题

webpack5已经弃用了eslint-loader，只能使用eslint-webpack-plugin，

这里安装的规范为airbnb

首先做插件的准备工作

分别npm i

这4个插件
在webpack.config.js中引入

// 引入语法检查
const ESLintPlugin = require('eslint-webpack-plugin');

在module里面添加规则

module:{
       rules:[{
                  test:/\.js/,
                  //排除检查node_modules里面的文件
                exclude:/node_modules/,
                }]}

在plugins里面使用插件,fix:true可以自动修改不合理的写法

plugins:[new ESLintPlugin({fix:true})]

因为要使用外部引入的规范，所以得在package.json中配置

"eslintConfig":{
    "extends":"airbnb-base",
  }

到此webpack5使用eslint即可生效

如有疑惑可参考下方网站
eslint-config-airbnb-base
eslint-webpack-plugin官方文档