在webpack5中eslint-loader已经弃用,而是使用插件eslint-webpack-plugin
webpack官方文档-eslint-webpack-plugin:EslintWebpackPlugin | webpack 中文文档
下载:
npm i eslint-webpack-plugin eslint -D
使用airbnb规范还需下载:
npm i eslint-config-airbnb-base eslint-plugin-import -D
webpack.config.js:
const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ESLintPlugin = require('eslint-webpack-plugin');
module.exports = {
entry: './src/js/index.js',
output: {
filename: 'js/built.js',
path: resolve(__dirname, 'build')
},
module: {
rules: [
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
}),
new ESLintPlugin({
//默认配置,请点击上方官网链接查看
fix:true //自动修复
})
],
mode: 'development'
};
package.json添加代码