search

windicss / windicss-webpack-plugin

🍃 Windi CSS for webpack ⚡
https://windicss.org/integrations/webpack.html
79 stars 19 forks source link

Template files are not watched #76

Open cah4a opened 3 years ago

cah4a commented 3 years ago

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 3 years ago

Hi @cah4a

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

Thanks

harlan-zw commented 3 years ago

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

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

travis-r6s commented 2 years ago

@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.