HTML i CSS · Middle · Pytanie 42 z 75
Dlaczego nie można składać nazwy klasy Tailwind w stylu ` bg-${color}-500 `?
- 1Tailwind zabrania template stringów w
classNamei przerywa build - ✓Poprawna odpowiedź: Skaner szuka w kodzie pełnych nazw klas; klasa złożona w czasie działania nie trafi do CSS
- 3Działa to tylko w trybie deweloperskim, bo w produkcji JIT jest wyłączony
Wyjaśnienie
Tailwind nie uruchamia twojego kodu; statycznie skanuje pliki w poszukiwaniu tokenów przypominających klasy. String bg-${color}-500 nie zawiera pełnej nazwy, więc bg-red-500 nie zostanie wygenerowany. Prawidłowo jest mapować na pełne nazwy: { red: "bg-red-500", blue: "bg-blue-500" }[color].