Safelist

Définition

Classes forcées dans le build même si elles n'apparaissent pas dans les sources. L'option safelist de tailwind.config.js n'existe plus en v4 ; on utilise @source inline(), qui accepte l'expansion d'accolades pour générer des plages.

Analogie

Une liste VIP : ces invites entrent toujours, peu importe s'ils sont sur la liste principale.

Exemple de code

@import "tailwindcss";

/* génère bg-red-50, bg-red-100 … bg-red-950 + hover: */
@source inline("{hover:,}bg-red-{50,{100..900..100},950}");

/* exclure des classes */
@source not inline("container");

Cas d'usage

Garantir que des classes construites dynamiquement (bg-${color}-500) sont presentes en production.

Anti-pattern

Termes liés

Sources

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