css - Stylelint 验证 SCSS mixin 中的声明

Question

我有一个看起来像这样的mixin：

@mixin offset($fraction: 1) {
  @if type-of($fraction) != number or not unitless($fraction) {
    @include error("#{$fraction} is not a unitless number");
  }

  margin-left: percentage($fraction);
}

我也有这个规则的 stylelint 设置：

"declaration-empty-line-before": "never"

mixin 和 stylelint 规则都有效。但是，由于 if 语句后的空行，使用此规则会为上述 mixin 引发错误。我找不到任何忽略或排除此 stylelint 规则的规则，例如 if 语句后的 except。如何在不更改项目中所有声明的规则的情况下验证这种代码？

Answer 1

尝试反转规则的目标，即：

• 从; 除非声明出现在规则之后，否则声明之前永远不会有空行
• 至; 声明之前总是有一个空行，除非声明在另一个声明之后（或者是第一个嵌套）。

以下规则配置直接来自stylelint-config-standard，我相信会满足您的要求：

{
  "rules": {
    "declaration-empty-line-before": [
      "always",
      {
        "except": [
          "after-declaration",
          "first-nested"
        ],
        "ignore": [
          "after-comment",
          "inside-single-line-block"
        ]
      }
    ]
  }
}

参考： stylelint 文档的关于规则部分。