如何在 Stylelint 中的 scss 中允许 // 注释（未知单词）

Question

我是 Stylelint 的新手。我试图理解文档并搜索了 GitHub，但所有解释都充满了双重否定，我很困惑！
问题是，当我使用//注释时，它会抛出Unknown word (CssSyntaxError)Stylelint(CssSyntaxError).

例子：

我该如何解决这个问题，或者禁用注释行上的 Stylelint 检查？

Answer 1

Stylelint 是为 CSS 设计的 - 该语言在过去几年中已经取得了长足的进步，并且通常不需要 SCSS 和 Less 等扩展。

但是，Stylelint可以通过社区自定义语法和插件进行扩展以支持 SCSS。最简单的方法是扩展stylelint-config-standard-scss共享配置。此配置由 SCSS 社区创建，包括postcss-scss 语法和stylelint-scss 插件（特定于 SCSS 的规则集合），并配置 Stylelint 的SCSS内置规则。

您应该首先将配置安装为依赖项：

npm i --save-dev stylelint-config-standard-scss

然后将您的配置对象（例如您的.stylelintrc.json文件）设置为：

{
  "extends": "stylelint-config-standard-scss"
}

问题是，当我使用 // 进行注释时，它会抛出 Unknown word (CssSyntaxError)Stylelint(CssSyntaxError)。

双斜杠注释 ( //) 不是标准 CSS，无法被 Stylelint 内置的 CSS 解析器解析，因此会出现语法错误。共享配置中包含的 SCSS 解析器stylelint-config-standard-scss可以正确解析双斜杠注释。