前言:
这几天在给vue项目配置prettier与stylelint发现一个问题,就是prettier与stylelint同时存在时候,template模板里面html的行内样式末尾分号规则有冲突。
具体表现就是,行内样式如果加了分号,则prettier会报错,如下。
而如果不加分号,则stylelint会报错,如下。
因为以前也配置过,但是不会出现规则冲突的情况,所以就很疑惑。
原因
后面看了下prettier的更新日志跟issue,发现prettier在更新到2.0版本时,默认规则中取消了行内样式的尾随分号,在2.0版本以前是没有这条默认规则。
作者也在该issue下表明,该规则类似于尾随逗号规则,如果只有一行的情况下,是不需要使用尾随逗号的。
解决
最终解决办法是在.stylelintrc
文件中配置"declaration-block-trailing-semicolon": null,
将stylelint该条规则关闭。