SCSS 变量呈现为浏览器 hack

Question

我已将 stylelint 配置为读取 SCSS，并且不断收到有关 $variables 和 !default 等 SCSS 项目的浏览器黑客警告。我加载了 stylelint-scss 插件，认为这可能会解决它，但它没有。我希望为真正的浏览器黑客启用浏览器黑客规则，但如果它在所有 SCSS 项目上都失败，我将不得不关闭它。

有谁知道我如何保持浏览器破解规则启用，但不会在非浏览器破解（如 SCSS 的标准变量）中失败？

Answer 1

no-browser-hacks 规则与 SCSS 语法不兼容。这在rule's README 中有记录。

我可以想到三个可供您选择的选项：

1. 继续使用 SCSS 并关闭 no-browser-hacks 规则。
2. 继续使用 SCSS 并将 SCSS 兼容性贡献给 stylehacks（支持规则的底层库）。库is happy to accept 的作者对此提出了拉取请求。
3. 停止使用 SCSS，转而使用标准 CSS 语法和结构。

添加 stylelint-scss 插件不会解决问题，因为它提供了 附加 特定于 SCSS 语法和结构的规则。它不会改变 stylelint 的核心规则。