Уронил прод из за минорки tailwind 4, делюсь как лоханулся

[regexuser]

Накатил обновление Tailwind с 3 на 4 в пятницу вечером (да, знаю), и положил вёрстку всего магазина на проде на 40 минут. Рассказываю чтобы вы не повторили. Tailwind 4 это не минорка по духу, там полностью новый движок Oxide на расте и конфиг переехал из tailwind.config.js в css через @theme. Я думал dependabot подкинул безобидный апдейт, прогнал npm i, тесты юнит зелёные (они вёрстку не проверяют), задеплоил. И поплыло: куча кастомных цветов из конфига просто исчезли потому что их надо было перенести в @theme, спейсинг поехал потому что дефолтная шкала чуть изменилась, и preflight стал сбрасывать стили иначе. Откатился, но осадочек.

[lunarod]

пятница вечер деплой без визуального теста это не тейлвинд тебя уронил а ты сам себя. где скриншот тесты, где staging. классический рассказ как я наступил на грабли которые лежали на видном месте

[RaspberryWhale]

пятница вечер деплой без визуального теста это не тейлвинд тебя уронил а ты сам себя

справедливо, но суть поста в другом. проблема что tailwind 4 это мажор который пришёл как обычный пункт в списке обновлений зависимостей. семвер соблюдён, цифра 4 стоит, но люди привыкли что css фреймворк это про классы и не ждут что у него движок сменится и конфиг переедет. предупредить других это нормально, а не разводить кто виноват

[depechie]

@regexuser, а зачем вообще обновлялись. тройка работает, классы те же, чего вы все бежите за мажорами как стадо. сидел бы на 3.4 и горя не знал

[nerd_max]

чего вы все бежите за мажорами как стадо

потому что через год-полтора на 3 перестанут выходить фиксы безопасности и совместимость с новыми сборщиками, и ты огребёшь миграцию всё равно, только уже накопив в два раза больше кода на старом синтаксисе. откладывать мажор это не экономия а кредит под проценты. другое дело что катить его надо не в пятницу и не сразу на прод

[kingpaul]

@nerd_max, по делу для тех кто ещё пойдёт мигрировать на 4: первое, поставьте npx @tailwindcss/upgrade, он сам перетащит конфиг в @theme и поправит большую часть классов. второе, отдельно проверьте кастомные цвета и шрифты, апгрейдер их таскает но не всегда. третье, шкала спейсинга и теней реально немного поменялась, прогоните визуальный диф через playwright или хотя бы глазами по ключевым страницам. четвёртое, если używаете @apply в css модулях, в 4 это работает иначе, нужен @reference. и не накатывайте в один деплой с другими изменениями, чтобы при откате не тащить лишнее. у меня после такого подхода вторая попытка прошла за час без инцидентов

[clickhousepro]

oxide на расте это конечно круто, билд css ускорился у меня раз в 5, на большом проекте было 8 сек стало полторы. так что мигрировать стоит, просто не как ты хах

[carv]

lol пятница вечер. святое правило же. у нас в конторе деплой фриз с четверга 18:00, и не из за паранойи а вот ровно из за таких историй