vue-cli5配置eslint的autofix (与之前版本有区别)
vue-cli5配置eslint的autofix (与之前版本有区别)
治电小白菜
发布于 2022-05-27 00:53:21
发布于 2022-05-27 00:53:21
代码可运行
运行总次数：0
代码可运行
处理方法
由于之前vue-cli版本(<5)的eslint插件使用的是eslint-loader, 所以我们需要在vue.config.js中对eslint-loader进行参数修改, 例如
module.exports = {
chainWebpack: config => {
// 保存时自动格式化代码
config.module
.rule('eslint')
.use('eslint-loader')
.loader('eslint-loader')
.tap(options => {
options.fix = true
return options
})
}
}而现在eslint-loader被废弃了
image.png
在vue-cli5中改用了eslint-webpack-plugin
image.png
所以需要重新修改成下面
config.plugin('eslint').tap((options) => {
options[0].fix = true
return options
})
image.png
参考资料
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-05-27，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
