如何使用 stylelint 为 SCSS 变量名指定格式或模式？

Question

我在我的 .scss 文件上使用带有 stylelint 的 postcss-scss，我正在尝试弄清楚如何强制执行规则，以便我的所有变量在整个项目中都遵循相同的命名约定。

有没有办法为变量名指定格式或模式（即正则表达式）？我知道 https://github.com/davidtheclark/stylelint-selector-bem-pattern 用于选择器，但我找不到任何关于变量名的信息。

我正在考虑类似于https://github.com/sasstools/sass-lint/pull/257 的东西，但这将与 stylelint 规则兼容。

例如，我可能希望我的变量名始终为驼峰式，在这种情况下：

// this wouldn't be correct
$my-variable: #000;

// but this would be correct
$myVariable: #000;

Answer 1

目前没有这样的规则。这是因为 stylelint 本身不包含特定于预处理器的规则。

这就是 stylelint 支持插件的原因。您可以编写一个插件，为您的 SCSS 变量强制执行模式并将其包含在您的 stylelint 配置中。

如果您想联系其他对编写特定于 SCSS 的 stylelint 插件感兴趣的人，请查看 https://github.com/kristerkari/stylelint-scss 存储库，其最终目标是创建一个集合。