安装eslint
npm i eslint --save-dev
通过命令行初始化eslint
npx eslint --init
其次安装eslint-loader
npm i eslint-loader --save-dev
在webpack.config.js中配置eslint-loader
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: ['babel-loader', {
loader: 'eslint-loader',
options: {
fix: true, // 当有一些浅显的问题,eslint可进行简单的修复
cache: true, // 打包时可以提升一定的速度
},
}],
},
],
},
在devServer中配置选项
devServer: {
overlay: true, // 用于浏览器显示eslint错误或警告
}