windicss/windicss-webpack-plugin

Template files are not watched

cah4a opened this issue · 3 comments

cah4a commented

When I change a template file nothing happens.

I'm using webpack and twig as a template engine.
I've tried both windicss-webpack-plugin and postcss-windicss.

The behavior is the same for both of these integration methods:
It extracts only on startup and never runs extraction again.

I understand that webpack doesn't know about my templates, so I've added 'webpack-watch-files-plugin' to trigger rebuild.

Any workarounds in that case?

harlan-zw commented

Hi @cah4a

Can you share your windi and webpack config, ideally with a replication repo.

Thanks

harlan-zw commented

Also, I don't think windi supports twig, only pug at the moment 🤔

Happy to look into this further but I'll need a reproduction repo, will close until there is one.

travis-r6s commented

@harlan-zw I have the same issue with Edge templates (using Adonis & Webpack). I have created a reproduction repo here: https://github.com/thetre97/adonis-windicss-webpack

git clone git@github.com:thetre97/adonis-windicss-webpack.git
cd adonis-windicss-webpack
cp .env.example .env

Then install deps & run the develop command. On first load it will correctly add the styles, but if you go to resources/views/welcome.edge and edit any of the classes there, it doesn't seem to reload.

I have tried using Tailwind, and it works correctly with that, so am presuming it is a Windi issue - it's maybe not specifically this plugin, as I have also tried the postcss plugin with the same results, and have also tried it with .vue files (using Inertia) and have the exact same issue there.

  • 👍1