[bug] CSS not updating with HMR

[lnfnunes]

Looks like HMR is not working for .css files!
I've changed file src/Components/Nav/Nav.css and the browser's console identified the change as you can see in the image:

But the change only get in place when I do a full reload on browser

[luangjokaj]

Hey @lnfnunes thank you for your feedback. It's actually still an open issue of the mini-css-extract-plugin package webpack-contrib/mini-css-extract-plugin#34

But you are right, this is very annoying. I switched the default client development configuration to use style-loader instead. This will allow the support of HMR for CSS. And it's not a deal breaker because mini-css-extract-plugin will work just fine in production.

I pushed this already ccfb736.
Let me know if this fixes your issue.

[lnfnunes]

Thank you so much! Appreciate the fast-reply ;-)

[lnfnunes]

@luangjokaj Just to know, why keep production different? Isn't better to change both and prevent future diferrences?

[luangjokaj]

Because we inject dynamically only what we use.
mini-css-extract-plugin
This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS. It supports On-Demand-Loading of CSS and SourceMaps.

[luangjokaj]

I switched to MiniCssExtractPlugin in development. This will fix the initial flashing.