Atom/Sass-lint: sass-lint.yml类名称的Regex

Question

我有一个带有以下规则的sass-lint.yml文件：

class-name-format:
    - 1
    - convention: '^([a-zA-Z]*)(__[a-z]+)?(-[a-z]*)*(--[a-z]+)?$'

在这里可以检查正则表达式：https://regex101.com/r/SsVde6/2

不幸的是，我不能让它正常工作。

在regex测试器中，您可以看到我想要包含的内容。从那时起，类名的第一部分可以是PascalCase ( BEMified (边界元) kebabcase )(例如：this-is-kebab-case --所有小写字母之间都有破折号)

一个非常常见的模式应该是：ComponentName__element-name--modifier-name

已经有很多工作要做了，但是我也想评估scss文件中嵌套的BEM选择器：

例如，应该将&__burgerCross {…}、&__burger_cross或&__burger__cross计算为false。这必须是&__burger-cross

但我真的不知道如何处理嵌套规则。

任何关于短绒和雷吉的帮助都是非常受欢迎的。

Answer 1

我想要的是

我还想评估scss文件中嵌套的BEM选择器：

我的regex实际上已经强调了所有的通缉案件，而不通缉的案件却没有匹配。问题是，linter不能嵌套BEM选择器。*在这里阅读：https://github.com/brigade/scss-lint/issues/339#issuecomment-72404341

所以我们在这里做的不多。