У меня есть проект Angular, в котором используется методология BEM CSS. У меня есть stylelint, настроенный так, чтобы пух мой CSS Я также включил плагин stylelint-selector-bem-pattern , чтобы закрепить мои селекторы, чтобы убедиться, что они придерживаются пользовательского шаблона БЭМ. Обратите внимание, что stylelint-selector-bem-pattern является оберткой вокруг post css -bem-linter , поэтому он имеет все те же настраиваемые параметры.
Проблема в том, что я Мне нужно добавить определенный шаблон в список ignoreSelectors
, но я не могу заставить его работать.
Мне нужно игнорировать использование *:last-child
, как показано ниже:
.example__selector *:last-child.
Моя конфигурация выглядит следующим образом:
"plugin/selector-bem-pattern": {
"implicitComponents": "projects/test/src/lib/**/*.scss",
"componentSelectors": {
"initial": "^.test-([-?a-z]|[\\-\\-?a-z])+"
},
"ignoreSelectors" : [
"^.+:last-child"
]
"ignoreCustomProperties": [
"^\\-\\-[-?a-z]"
]
}
Используя RexExr , я вижу, что RegEx ^.+:last-child
соответствует тексту.
Тем не менее, я все еще получаю эту ошибку при запуске stylelint:
6:3 ✖ Invalid component selector ".example__selector *:last-child" plugin/selector-bem-pattern