Stylelint

Définition

Linter CSS/Sass/CSS-in-JS configurable avec des règles de qualité et de convention. Détecte les erreurs, enforce un style cohérent et empêche les anti-patterns.

Analogie

Un correcteur orthographique mais pour le CSS : il souligne les fautes et propose des corrections.

Exemple de code

// .stylelintrc.json
{
  "extends": ["stylelint-config-standard"],
  "rules": {
    "selector-class-pattern": "^[a-z][a-zA-Z0-9]+$",
    "no-duplicate-selectors": true,
    "color-no-invalid-hex": true
  }
}

Cas d'usage

Enforcer des conventions CSS dans l'équipe et détecter les erreurs avant la review.

Termes liés