#Tailwind v4 - Slow HMR / Compile Times?

4 messages · Page 1 of 1 (latest)

winged talon
#

Hey all,

First off, thanks for the excellent work, been loving Payload thus far!

Second, I'm trying to diagnose why I'm experiencing multi-second HMR / compile times when making even a simple class change with Tailwind V4.

Here is a live video example comparing V3 to V4 on a fresh Payload Website template install:
https://www.loom.com/share/1aad25fd27894fe58d470338c14d4ef0?sid=20dff809-8a5b-47c1-b417-d28259724461

Tailwind V3 compile times (no turbopack, changing one class):
✓ Compiled in 535ms (1565 modules)
✓ Compiled in 218ms (1565 modules)
✓ Compiled in 240ms (1565 modules)

Tailwind V4 compile times (no turbopack, changing one class):
✓ Compiled in 2.7s (1565 modules)
✓ Compiled in 2.4s (1565 modules)
✓ Compiled in 2.4s (1565 modules)

Both tests were ran with fresh create-payload-app@latest with the Website project template and SQLite.

For the Tailwind V4 test, I used the official upgrade tool: pnpx @tailwindcss/upgrade --latest --force

Just curious if anyone has any insights, or if it would be worth opening a GitHub Issue for it.

Thanks all! Appreciate all the hard work!

arctic hornetBOT
winged talon