Add support for hot-reloading of styles #1538

Closed
opened 2025-08-09 17:20:31 +00:00 by fergalmoran · 0 comments
Owner

Originally created by @empz on 7/1/2016

Currently if you change something in ClientApp/css/site.css in the ReactRedux template while the app is running the change is not reflected until you do a full refresh.

The console ouputs the following:
image

According to the extract-text-webpack-plugin docs, it does not support hot module replacement.

Would you considering switching to another style loader that does support HMR? And maybe including PostCSS?

I'm willing to do the work and create a PR if you agree. Bear in mind I'm pretty new to webpack, but I have time to hit my head on the wall until it works.

*Originally created by @empz on 7/1/2016* Currently if you change something in `ClientApp/css/site.css` in the ReactRedux template while the app is running the change is not reflected until you do a full refresh. The console ouputs the following: ![image](https://cloud.githubusercontent.com/assets/412489/16512333/6f19f9bc-3f30-11e6-8689-5ce4b13a75d6.png) According to the `extract-text-webpack-plugin` [docs](https://github.com/webpack/extract-text-webpack-plugin/blob/master/README.md), it does not support hot module replacement. Would you considering switching to another style loader that does support HMR? And maybe including PostCSS? I'm willing to do the work and create a PR if you agree. Bear in mind I'm pretty new to webpack, but I have time to hit my head on the wall until it works.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/JavaScriptServices#1538
No description provided.