HTML und CSS · Middle · Frage 42 von 75
Warum kann man einen Tailwind-Klassennamen nicht als ` bg-${color}-500 ` zusammenbauen?
- 1Das funktioniert nur im Entwicklungsmodus, weil JIT in Produktion abgeschaltet ist
- 2Der Scanner findet nur vollständige Klassennamen
- 3Tailwind verbietet Template-Strings in
classNameund lässt den Build scheitern
Antwort zeigen
Richtige Antwort: Der Scanner findet nur vollständige Klassennamen
Erklärung
Tailwind führt deinen Code nicht aus; es durchsucht Dateien statisch nach klassenähnlichen Tokens. Der String bg-${color}-500 enthält keinen vollständigen Namen, also wird bg-red-500 nicht erzeugt. Richtig ist eine Zuordnung zu vollständigen Namen: { red: "bg-red-500", blue: "bg-blue-500" }[color].