bemlint

bemlint

This linter checks attribute class in final html files for BEM naming conventions.

Initiative cli code based on ESLint

Installation

npm install -g bemlint

Usage

bemlint test.html test2.html [options]

Options

• --elem/-e - element delimeter, default:

bemlint test.html --elem='__'

• --mod/-m - modifier and value delimeter, default:

bemlint test.html --mod='_'

• --wordPattern/-wp - regex, defines proper names for blocks, default:

bemlint test.html --wp='[a-z0-9]+(?:-[a-z0-9]+)*'

• --bem-prefixes/-bp - array of block names prefix for lint, example:

bemlint test.html --bp='['b-', 'l-', 'helper-']'

• --format/-f - specific output format, default:

bemlint test.html --f='stylish'

Available: compact|checkstyle|html|json|table|tap|unix|visualstudio|junit|jslint-xml|html-template-message|html-template-page|html-template-result

• --exclude-rules/-er - Array of rules ids to exclude from lint:

bemlint test.html --er='['isBlockElementInBlock']'

• --no-ignore - Disable use of .bemlintignore

bemlint test.html --no-ignore

Rules

• dublicate - finds same classes in one attribute
• isBlockElementInBlock - Block and his element cannot be in one place, wrong => class="b-block b-block__element
• isBlockModNoBlock - Block mod should be paired with it's block, wrong => class="b-block_mod_val"
• isElemModNoElement - Element mod should be paired with it's element, wrong => class="b-block__element_mod"