Content Paths

Tailwind CSS 🟡 Mid

Définition

Chemins que Tailwind scanne pour trouver les classes. En v3 ils se déclarent dans content de tailwind.config.js. En v4.0 la détection est automatique ; @source enregistre explicitement une bibliothèque tierce, @source not exclut un dossier, et source(none) désactive l'automatique.

Analogie

Dire au facteur quelles boites aux lettres existent pour qu'il ne distribue pas de courrier fantôme.

Exemple de code

@import "tailwindcss" source(none);
@source "../src";
@source "../node_modules/flowbite";
@source not "../src/components/legacy";

Cas d'usage

Configurer correctement le scanning pour éviter que des classes soient manquantes en production.

Anti-pattern

Oublier d'inclure les fichiers d'une librairie tierce, causant des styles manquants en prod.
#styling#interview#tailwind#tailwind4

Fiche mise à jour le 2026-09-27

← → au clavier pour passer d'une fiche à l'autre