HTML und CSS · Middle · Frage 46 von 75
Wofür ist die Tailwind-Direktive @apply, und warum sollte man sie nicht übermäßig nutzen?
- 1Sie wendet Utilities nur in Produktions-Builds an und ignoriert sie in Dev
- 2Sie setzt Utilities in die eigene Klasse ein
- 3Sie lädt Tailwind-Plugins; ohne sie funktionieren Utilities im Markup nicht
Antwort zeigen
Richtige Antwort: Sie setzt Utilities in die eigene Klasse ein
Erklärung
.btn { @apply px-4 py-2 rounded; } ist praktisch, um fremdes HTML oder Basiselemente zu stylen. Schreibt man aber ein ganzes Projekt mit @apply um, bekommt man normales CSS mit einer zusätzlichen Abstraktionsebene und ein größeres Bundle. In Tailwind löst man Wiederverwendung meist mit (React-)Komponenten, nicht mit Klassen.