Vue CLI 3 内部的 webpack 配置是通过 webpack-chain 维护的。我们可以通过修改eslint-loader配置来达到以前eslint自动修复的功能。
// vue.config.js
module.exports = {
chainWebpack: config => {
config.module
.rule('eslint')
.use('eslint-loader')
.loader('eslint-loader')
.tap(options => {
// 修改它的选项...
options.fix = true
return options
})
}
}
注意:可能有些同学的按照这样配置,依然无法生效。原因是由于eslint-loader的版本问题,eslint-loader@2.1.1版本的bug,可以通过手动修改eslint-loader版本,例如改到eslint-loader@2.1.0版本,则功能正常使用,或者等待官方发布新的版本。
eslint-loader@2.1.1 autofix bug地址github