Usando 'linter' para BEM. É possível?

[SrVieira]

Fala pessoal, tudo certo?

Estou aqui trabalhando na estrutura de um boilerplate para meus futuros projetos. O mesmo esta praticamente nos finalmente, eu resolvi criar um boilerplate pois tenho particularidades na estrutura de meus projetos e nenhum dos existentes atendia a estas.

A minha dúvida é a seguinte, seria possível definir um 'linter' para os arquivos de estilo e visões utilizando como padrão o BEM? Validar se cada um dos arquivos segue a convenção?

Peço desculpas se existe um post sobre isto, mas não encontrei aqui no forum. Agradeço desde já <3

[felipefialho]

Fala @SrVieira, tudo bem?

Existem algumas alternativas, em geral os linters de Sass ou Stylus, já fornecem opções para lintar o BEM.

Mas também é possível usar libs separadas, de todas essa é a que mais gosto especialmente por ser em PostCSS e ser agnóstica quanto ao pre-processador (ou não) utilizado.

[ninetails]

O Stylelint funciona de forma bem semelhante ao eslint e possui um plugin pra BEM que utiliza a postcss-bem-linter que o @lfeh mandou. Nunca utilizei stylelint com BEM mas ainda sim recomendo por já possuir outras regras, apesar de achar que ele mal funciona, o que mais utilizei foi o order (e queria muito que funcionasse com o plugin do styled-components).

[SrVieira]

@ninetails @lfeh obrigado pelas dicas pessoal, vou estudar qual das ferramentas sugeridas se adequa ao que estou precisando <3

[lucianobarauna]

Acho post-css bem louco. Mas a ideia de ter um linter para BEM achei bem legal.

[eduardojmatos]

O sass-lint tem uma config "BEM simples" pra isso:

https://github.com/getninjas/gaiden/blob/master/.sass-lint.yml#L73-L76