Stratégies de migration CSS
Préférez une migration incrémentale : nouveaux composants en Tailwind, puis chemins critiques, CSS legacy jusqu'au remplacement.
Réécrire toute une feuille de styles en une fois se termine rarement bien. Mieux vaut procéder par couches : écrire le neuf en Tailwind, convertir ensuite les écrans les plus fréquentés, et conserver le CSS hérité tant qu’il rend service. Cette page décrit le pattern strangler appliqué aux styles, avec une check-list de vérification.
Strangler par composant
Nouvelle UI en utilitaires pendant que l’ancien CSS vit. Supprimez le CSS seulement après QA visuelle de ce composant.
Primitives d’abord
Boutons, inputs et cards avant les layouts de page réduisent le double travail sur le design system.
Définition de done
Deux largeurs, états interactifs, CSS orphelin retiré, valeurs arbitraires justifiées dans le ticket.
Essayer
.example { display: flex; gap: 1rem; padding: 1rem; }Note de confiance : vérifiez le rendu. Le convertisseur est une aide de brouillon.