eslint与prettier的集成的错误认识

我的编辑器里,既装了eslint的插件,也装了prettier的插件,然后,这两个工具都其作用并能自动修正文件了,还有什么问题呢?

我之前的eslint配置是这样的

extends: [
'airbnb',
'prettier',
],

prettier有其自己的配置文件,在eslint中通过eslint-config-prettier一起生效,使这两个规则不会冲突。

问题在于,每次文件保存,eslint和prettier会先后两次修正文件,引起两次写操作,结果可坑会导致开发环境webpack或jest运行多次。

之前没有在意这个细节,最近有空打算彻底解决一些之前觉得不对劲的地方。

正确的配置应该是,添加eslint-plugin-prettier,并且在编辑器中禁用prettier插件,使文件保存是,仅eslint修正即可,eslint通过这个plugin识别prettier.config.js配置来集成规则。

新的配置如下


extends: [
'airbnb',
'prettier',
],
plugins: ['prettier'],
rules: {
'prettier/prettier': 'error'
}

关于 admin

所有重要的进步,都来源于失败和挫折的经历
此条目发表在 ecmascript 分类目录。将固定链接加入收藏夹。