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

How to specify a format or pattern for SCSS variable names using stylelint?

我在我的 .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;

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

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

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