Верстка · Middle · Запитання 42 з 75
Чому в Tailwind не можна збирати ім'я класу як ` bg-${color}-500 `?
- 1Tailwind забороняє шаблонні рядки в
classNameі видає помилку збирання - ✓Правильна відповідь: Сканер шукає в коді повні імена класів; зібраний на льоту клас не потрапить у CSS
- 3Це працює лише в режимі розробки, а в продакшені JIT вимкнено
Пояснення
Tailwind не виконує ваш код, а статично шукає у файлах токени, схожі на класи. Рядок bg-${color}-500 не містить повного імені, тому bg-red-500 не згенерується. Правильно - мапінг на повні імена: { red: "bg-red-500", blue: "bg-blue-500" }[color].