Dynamische Klassen korrekt absichern
Tailwind entfernt beim Build jede Klasse, die es im Quellcode nicht als vollständigen String findet. Dynamisch zusammengesetzte Klassennamen verschwinden spurlos – die Safelist ist die chirurgisch präzise Lösung, die genau die richtigen Klassen im Bundle behält.
Inhaltsverzeichnis
- 1. Das Purge-Problem: Warum dynamische Klassen verschwinden
- 2. Wie Tailwind CSS den Quellcode analysiert
- 3. Die Safelist: Grundkonfiguration und einfache Einträge
- 4. Safelist mit Regex-Patterns: Ganze Klassen-Familien absichern
- 5. Varianten in der Safelist: Responsive und State-Klassen
- 6. Praxisfall: CMS-Backends und serverseitig generierte Klassen
- 7. Tailwind CSS v4: Safelist im CSS-first-Ansatz
- 8. Alternativen zur Safelist: Wann Content-Paths besser sind
- 9. Safelist-Strategien im Vergleich