@source (détection des sources)

Définition

Depuis Tailwind v4.0, la détection des classes est automatique et respecte .gitignore. @source ajoute un chemin ignoré (bibliothèque dans node_modules), @source not exclut un dossier, @import "tailwindcss" source(none) désactive l'automatique, et @source inline() remplace la safelist avec expansion d'accolades.

Analogie

Dire au facteur quelles rues desservir en plus de sa tournée habituelle, et lesquelles éviter.

Exemple de code

@import "tailwindcss";

@source "../node_modules/@acme/ui-lib";
@source not "../src/legacy";

/* safelist : bg-red-50 … bg-red-950 avec hover: */
@source inline("{hover:,}bg-red-{50,{100..900..100},950}");

Cas d'usage

Monorepos et bibliothèques de composants partagées, classes construites dynamiquement côté serveur.

Anti-pattern

Termes liés

Sources

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