← Blog
22 luglio 20251 min di lettura

Ho migrato a Tailwind CSS v4: ecco com'è andata

Cosa ho trovato di diverso, cosa ho dovuto cambiare e cosa invece è andato liscio nel passaggio alla v4.

Ho migrato questo portfolio a Tailwind v4 appena è uscita la versione stabile. La prima cosa che si nota è che non c'è più tailwind.config.js — tutta la configurazione si sposta in un blocco @theme dentro il CSS. Mi ha disorientato un po' all'inizio, ma ci si abitua in fretta.

La velocità di build è decisamente migliorata. Non ho fatto benchmark precisi ma la differenza si sente, soprattutto in development con HMR.

La migrazione in sé non è stata lunga. Ho usato il codemod ufficiale per le classi rinominate e poi ho spostato i miei token personalizzati nel blocco @theme. Il markup HTML quasi non l'ho toccato.

L'unico problema serio: due plugin di terze parti che usavo non erano compatibili con v4. Li ho tolti e ho riscritto le poche utility che mi servivano direttamente nel CSS. In un caso erano letteralmente 5 righe — non so nemmeno perché avessi un plugin per quello.