SCSS 变量呈现为浏览器 hack

SCSS variables are rendered as browser hacks

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

有谁知道我如何保持浏览器 hack 规则处于启用状态,但不会在非浏览器 hack 上失败,例如 SCSS 的标准变量?

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

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

  1. 继续使用 SCSS 并关闭 no-browser-hacks 规则。
  2. 继续使用 SCSS 并将 SCSS 兼容性贡献给 stylehacks (the underlying library that powers the rule). The author of the library is happy to accept 为此的合并请求。
  3. 停止使用 SCSS,转而使用标准 CSS 语法和结构。

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