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

Question

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

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

我正在思考https://github.com/sasstools/sass-lint/pull/257的内容，但这与stylelint规则兼容。

例如，我可能希望我的变量名一直是camelCase，在这种情况下：

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

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

Answer 1

目前没有规则可以做到这一点。这是因为stylelint本身不包含预处理器特定的规则。

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

如果你想对其他有兴趣编写SCSS特定的stylelint插件的人进行ping操作，请查看https://github.com/kristerkari/stylelint-scss repo，其最终目标是创建一个这样的集合。