Purge / Content

Tailwind CSS 🟡 Mid

Definition

Mecanisme de tree-shaking qui elimine les classes CSS non utilisees du build final. Renomme de purge a content dans Tailwind 3.

Analogie

Le tri dans un dressing : tu gardes ce que tu portes, tu jettes le reste.

Exemple de code

// Tailwind 2 (ancien)
purge: ['./src/**/*.html']

// Tailwind 3+ (actuel)
content: ['./src/**/*.{js,tsx,html}']

Cas d'usage

Reduire le CSS final de plusieurs Mo a quelques Ko en production.

Anti-pattern

Construire des noms de classes dynamiquement (bg-${color}-500) sans safelist.
#styling#interview#tailwind