styelint缩进规则在多行混合时返回假阴性

Question

我有一个应用程序，它使用Stylelint在样式中强制执行样式规则，但是在这里，当一个长行被Prettier分成两半时，Stylelint抱怨缩进。

@include box-shadow(
var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-spread)
$color-white, // complains here about 2 extra whitespaces
var(--shadow-offset) var(--shadow-offset) $color-red
);

引发此错误Expected indentation of 8 spaces (indentation)

我试过了/* stylelint-disable-line indentation *//* stylelint-disable-line */只有/* stylelint-disable */去掉了"错误">

Answer 1

当你在styelint旁边使用Prettier时，你应该在你的styelint配置中扩展相应的Prettier共享配置，例如:styleslint -config- Prettier -scss:

{
"extends": [
"stylelint-config-standard-scss"
"stylelint-config-prettier-scss"
]
}

该配置关闭与Prettier冲突的所有规则。它应该放在extends数组的最后。

Prettier负责执行更多的风格约定，如空白，而Stylelint则专注于帮助您避免错误并执行非风格约定，例如您希望在代码库中允许哪些单元。