css - 我应该如何使用 stylelint 检查 SASS 文件中的缩进？

Question

我尝试使用 stylelint 检查我的 SASS 文件。当我设置规则时

"indentation": "tab"

stylelint 抛出下一个错误

 2:1   ✖  Expected indentation of 1 tab   indentation
 3:1   ✖  Expected indentation of 1 tab   indentation
 5:1   ✖  Expected indentation of 1 tab   indentation
 8:3   ✖  Expected indentation of 1 tab   indentation
11:3   ✖  Expected indentation of 1 tab   indentation
14:3   ✖  Expected indentation of 1 tab   indentation
....

如何正确检查缩进？

更新: 顶部样式:

@import "theme/bootstrap"
@import "theme/bootstrap-theme"
@import "theme/theme"

@keyframes hide-notifi

    0%
        top: 0

    75%
        top: 0

    100%
        top: -100%

Answer 1

stylelint 目前与基于空白的 SASS 语法不兼容。

引用stylelint.io网站:

Understands CSS-like syntaxes: The linter is powered by PostCSS, so it understands any syntax that PostCSS can parse, including SCSS, SugarSS, and experimental support for Less.

你可以领养SugarSS ，这是一种基于空格的语法。当与 precss PostCSS plugin pack 组合时，您将拥有与基于空白的 SASS 相当的东西。

另一个选择是向 PostCSS 社区贡献一个 SASS 解析器。

或者，您可以使用 SASS-lint它支持 SASS 语法，但具有与 stylelint 不同的一组功能。