Autoprefixer

CSS-in-JS 🟢 Junior

Definition

Plugin PostCSS qui ajoute automatiquement les prefixes vendeur (-webkit-, -moz-, etc.) selon la liste de navigateurs cibles (browserslist). Plus besoin de les ecrire manuellement.

Analogie

Un traducteur qui ajoute automatiquement les sous-titres dans toutes les langues necessaires.

Exemple de code

/* Input */
.box { display: flex; user-select: none; }

/* Output avec Autoprefixer */
.box {
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  user-select: none;
}

Cas d'usage

Garantir la compatibilite navigateurs sans ecrire manuellement les prefixes vendeur.

#styling#css-in-js