Tailwind v4 переехал на свой движок, обновляться или подождать

[nodice]

Tailwind v4 выкатил новый движок Oxide на rust и конфиг через css вместо tailwind.config.js, думаю обновлять текущие проекты или сидеть на v3 до лучших времён. Сборка стилей по их цифрам быстрее в разы, и правда инкрементальный билд стал почти мгновенный у меня на тесте. Но конфиг теперь в @theme внутри css, плагины часть отвалилась, и postcss пайплайн поменялся. Кто уже накатил на боевой проект, насколько больно прошло?

[ralph42]

накатил на новый проект, не на миграцию. с нуля кайф, css-first конфиг непривычно день, потом нравится, всё в одном месте. на старый проект мигрировать пока не рискнул, плагины жалко

[rburr]

скорость это хорошо но кому она вперлась, у меня и на v3 сборка стилей не была бутылочным горлышком никогда

[solidity_pro]

кому она вперлась

тем у кого монорепо на пол-лимона строк и tailwind сканит сотни файлов, там v3 в дев режиме реально тормозил по полсекунды на изменение. на маленьком проекте да, разницы не почувствуешь, согласен.

[kickmybox]

автоматический контент-детект в v4 топ, больше не надо руками content пути в конфиге прописывать и забывать про них. одно это стоит обновления

[stachhunt]

Мигрировал реальный проект с v3 на v4, дизайн-система средних размеров, штук 40 кастомных компонентов и три своих плагина. По шагам что встретил. Апгрейд-тул их прогнал основное, классы переименованные (shadow-sm стал shadow-xs и подобное) поправил автоматом, но проверять глазами всё равно пришлось, пару мест промахнулся. Конфиг из js в @theme переносил руками, цвета и брейкпоинты легли нормально, а вот сложная логика с функциями в конфиге не переносится, css переменные так не умеют, переписывал. Два плагина из трёх завелись, третий самописный пришлось переделать под новый api. postcss конфиг упростился, autoprefixer и import теперь внутри, минус зависимости. По времени день на сам переезд и день на отлов визуальных регрессий через скриншот-тесты, без них не суйтесь, поедет вёрстка в неожиданных местах. Итог, доволен, дев-сборка летает, css на выходе чуть меньше. Но если проект большой и стабильный и боли нет, v3 поддерживается, можно не торопиться месяца три-четыре пока плагины подтянутся.

[Murfdog2]

@автор спасибо за разбор, вопрос, а как с поддержкой старых браузеров? слышал v4 требует свежие css фичи типа @property и oklch, у нас часть аудитории на старых андроидах сидит

[davidwor]

v4 требует свежие css фичи типа @property и oklch

да, это реальный стоп-фактор. v4 целится в baseline 2023 браузеры, safari 16.4+, если у тебя заметная доля старых вебвью на дешёвых андроидах часть стилей просто не применится корректно, особенно цвета и тени. для b2c с широкой аудиторией снг я бы сначала глянул аналитику по браузерам, у нас 4 процента на старье и это стоп. для b2b где все на свежем хроме пофиг, катите.