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

【问题标题】：How to allow // comments in scss within Stylelint (Unknown Word)如何允许 // Stylelint 中 scss 中的注释（未知单词）
【发布时间】：2021-12-08 18:43:35
【问题描述】：

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

示例：

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

【问题讨论】：

是的，/* 工作正常，但我想使用 //。

标签： css sass stylelint

【解决方案1】：

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

不过，Stylelint can - 通过社区自定义语法和插件 - 被扩展以支持 SCSS。最简单的方法是扩展stylelint-config-standard-scss shared config。此配置由 SCSS 社区创建，包括 postcss-scss syntax 和 stylelint-scss plugin - 一组特定于 SCSS 的规则 - 并为 SCSS 配置 Stylelint 的 built-in rules。

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

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

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

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

问题是当我对 cmets 使用 // 时，它会抛出 Unknown word (CssSyntaxError)Stylelint(CssSyntaxError)。

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

【讨论】：