Autoprefixer
CSS-in-JS 🟢 JuniorDefinition
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.