Tailwind v4 — кто мигрировал, как ощущения от движка на CSS?

[boblee]

Обновились до Tailwind v4, конфиг теперь в CSS через @theme, JS-конфига нет. Сборка реально стала шустрее на новом движке. Но половину плагинов пришлось выкинуть, не все подтянулись. У кого как прошла миграция?

[Version]

Перешли на v4, скорость билда порадовала, особенно на большом проекте инкрементальная пересборка почти мгновенная. Но автокомплит в IDE первое время глючил, пока не обновил плагин Tailwind для VS Code.

[rabbit8]

Мне больше всего зашло, что теперь нативные CSS-переменные торчат наружу. Можно темизировать без пляски с конфигом, прям через :root меняешь --color-primary и всё. Для дизайн-системы топ.

[regex4]

@boblee о, вот это то, что искала. У нас как раз мультибрендовый проект, темы переключаем. Раньше городили отдельные конфиги под каждый бренд.

[rbacker]

Осторожно с @apply, в v4 поведение чуть поменялось и часть старых стилей поехала. Мы потратили день на отлов визуальных регрессий. Сделайте скриншот-тесты перед миграцией, очень советую.

[softlurker]

Я всё ещё считаю, что классы в разметке это мусор и нечитаемо, но команда голосует за тейлвинд, спорить устал. Признаю, что скорость разработки выше, чем когда мы писали БЭМ руками.

[k8s2000]

Тоже искал решение, ваш вариант оказался самым простым из всех.

[stock]

У нас миграция на v4 прошла примерно так же — @theme в CSS завёл минут за 20, но tailwind-merge и пара кастомных плагинов на JS-конфиге просто встали колом. Ждали официального апдейта от tailwind-merge два месяца, временно форкнули. Сборка на Vite с новым движком на Oxide реально вдвое быстрее: у нас было 14 секунд холодного старта, стало 6. Оно того стоит, но закладывайтесь на то, что плагинная экосистема ещё не устоялась.

[marianna]

Конкретный подводный камень при миграции — @apply внутри кастомных классов стал вести себя иначе с Cascade Layers. Если у вас в проекте был @layer components с @apply, проверьте порядок слоёв, иначе специфичность поедет и стили начнут перекрываться нежданно. В v3 этого не было, там @apply разворачивался без слоёв.

[regexveteran]

Что реально понравилось в v4 — нативные CSS-переменные вместо кастомных значений в конфиге. Теперь тему можно менять в рантайме через --color-primary без пересборки, что для тёмных тем и мультитенантных дашбордов вообще меняет подход. Это не очевидно из документации, но это самая полезная штука в релизе.