HMR doesn't rebuild tailwind

[JasonHorsleyTech]

Steps

Here's a slimmed down repo I made for demo purposes based off the default laravel-9 installation.

• Create new laravel+livewire+vite+tailwind project, add this plugin

• Sail up, sail npm run dev, go to example-app.test

• You should see a simple label and text area

• Enter text in textarea from browser, then make a code update inside show-posts.blade.php changing h2.innerText

  from Make a post. to Make a post!!!

• Livewire component updates without clearing the textarea (yay)

• Add a tailwindcss class that didn't exist when you started build

• <h1 class="text-3xl my-2"> to <h1 class="text-3xl my-2 text-[#FF0000]">

• Livewire component updates, the HTML on the page changes, and the new class is on the H1 element (yay)

• BUG: Tailwind did not rebuild and app.css has no such .text[#FF0000] class (boo)

---

• Restart your npm run dev
• Page reloads and text is now red

[fabio-ivona]

Hi @JasonHorsleyTech thanks for pointing this out, I'll be back from vacation on 22nd of August and will check it soon

[fabio-ivona]

we have detected the source of the issue and we are working with Vite team to solve it, I'll share an update soon

[fabio-ivona]

a fix has been released in v0.2.5