Tailwind CSS 4.2 Rilis: Kompilasi 3.8x Lebih Cepat & Webpack Kini Jadi Kelas Satu!

Pernah merasa frustrasi karena waktu kompilasi CSS yang lemot saat project sudah raksasa? Tenang, Tailwind CSS 4.2.0 datang membawa kabar baik: performa 3.8x lebih cepat dan akhirnya mendukung webpack secara resmi!

Kabar gembira buat para frontend engineer! Tailwind CSS baru saja merilis versi 4.2.0, sebuah pembaruan yang bukan sekadar 'poles' minor, tapi membawa perubahan arsitektural yang cukup krusial. Menurut laporan dari InfoQ, rilis ini fokus pada peningkatan performa drastis dan penyelarasan fitur agar developer yang masih setia dengan webpack tidak lagi merasa dianaktirikan dibandingkan pengguna Vite.

Performa yang Bikin Geleng-geleng

Salah satu sorotan utama yang paling banyak dibicarakan komunitas adalah peningkatan kecepatan kompilasi. Tim Neutkens, Next.js Lead di Vercel, bahkan membagikan hasil risetnya di X bahwa versi 4.2.0 ini memberikan kecepatan 3.8x lebih cepat saat melakukan recompilation pada aplikasi berskala besar. Ini tentu menjadi angin segar bagi tim yang sering mengeluhkan waktu build yang lambat saat proyek mulai membesar.

Webpack Kini Jadi 'Warga Kelas Satu'

Jika sebelumnya menggunakan Tailwind di webpack butuh konfigurasi PostCSS yang lumayan memakan waktu dan boilerplate, sekarang Tailwind CSS 4.2 hadir dengan paket @tailwindcss/webpack resmi. Integrasi ini jauh lebih simpel, membuat alur kerja di webpack kini setara kemudahannya dengan Vite. Ini sangat membantu tim yang sedang mengelola aplikasi legacy dan belum bisa pindah ke stack baru.

Fitur Desain & Logical Properties

Selain urusan dapur pacu, Tailwind juga memanjakan sisi visual dan kebutuhan layout global:

• Palet Baru: Menambahkan warna mauve, olive, mist, dan taupe yang lebih kalem.
• Logical Properties: Ekspansi besar untuk utilitas pbs-*, mbe-*, hingga inline-size. Ini adalah solusi krusial bagi aplikasi yang mendukung multilingual atau arah tulisan right-to-left.

"Logical properties adalah masa depan CSS," ungkap salah satu developer di LinkedIn saat membahas fleksibilitas tata letak yang semakin mudah dikelola dengan pembaruan ini.

Untuk Anda yang berencana melakukan migrasi dari v3 ke v4, pastikan untuk membaca panduan resmi migrasi karena adanya perubahan pada filosofi CSS-first dan perilaku @apply. Jangan lupa gunakan perintah npx @tailwindcss/upgrade untuk membantu memproses perubahan mekanis secara otomatis. Baca selengkapnya di sini.

Kesimpulan

Versi 4.2 ini membuktikan bahwa Tailwind terus mendengarkan masukan komunitas, terutama mengenai Developer Experience (DX). Dengan performa yang jauh lebih kencang dan dukungan webpack yang lebih baik, Tailwind semakin mengukuhkan posisinya sebagai utility-first framework yang wajib dikuasai tahun 2026 ini.

Sumber berita https://www.infoq.com/news/2026/04/tailwind-css-4-2-webpack/