Purge / Content

Définition

Mécanisme qui n'émet que les classes réellement utilisées. Renommé de purge à content dans Tailwind 3, il devient automatique en v4.0 : Tailwind scanne le projet seul, ignore .gitignore, node_modules et les binaires. La directive @source ajoute des chemins hors détection.

Analogie

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

Exemple de code

/* Tailwind 2 : purge: [...]  |  Tailwind 3 : content: [...] */
/* Tailwind 4 : détection automatique + @source */
@import "tailwindcss";
@source "../node_modules/@acme/ui-lib";
@source not "../src/legacy";

Cas d'usage

Réduire le CSS final de plusieurs Mo a quelques Ko en production.

Anti-pattern

Termes liés

Sources

• tailwindcss.com/blog/tailwindcss-v4
• tailwindcss.com/docs/detecting-classes-in-source-files