webpack中eslint的使用（最新webpack版本）

在webpack5中eslint-loader已经弃用，能使用eslint-webpack-plugin

在webpack5中eslint应该这样配置（亲测可用）

下载插件   cnpm  i  eslint-webpack-plugin -D

在webpack中配置:

1  引入插件

const ESLintPlugin = require('eslint-webpack-plugin');

2  在plugins中配置

new ESLintPlugin({

            extensions: ['js'],

            context: resolve('src'),

            exclude: '/node_modules',

            // fix: true

        })

3  这里有二中情况

一 ：使用eslint --init(eslint需要全局安装:npm install eslint -g)然后再eslintrc.js文件中写配置

二：在npm下载

npm i eslint-config-airbnb-base  eslint-plugin-import -D

这是一个开源的eslint规范写法（在github上面排在它前面的只有vue,react这些顶级，点击量多少记不清了，所以这是收到大众认可的规范）

然后再package.json中配置：

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

这样就可以了。