Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

CSS sourcemap: Page doesn't update after changes to scss file. Although I can confirm there's compilation of scss file into css

more options

Hi, I'm using webpack 4.6 and Babel 7+ to compiled JS, CSS, and their sourcemaps. I can edit individual SCSS files directly in the style editor, and have verified that webpack watch triggers a compilation, so a new css file replaces the original.

I was expecting Firefox to render style changes without me having to manually reload the page (as I have been able to do in the past with tools such as grunt). But that's not the case. Styles are not automatically updated and I have to reload the page by hand. Not a big deal when it is only once change I have to do, but on my work, I have to do this dozens and dozens of times when I'm developing, so it gets a little tiring.

Any suggestions on how to trigger the 'live' updating of styles ?

Thank you!

Hi, I'm using webpack 4.6 and Babel 7+ to compiled JS, CSS, and their sourcemaps. I can edit individual SCSS files directly in the style editor, and have verified that webpack watch triggers a compilation, so a new css file replaces the original. I was expecting Firefox to render style changes without me having to manually reload the page (as I have been able to do in the past with tools such as grunt). But that's not the case. Styles are not automatically updated and I have to reload the page by hand. Not a big deal when it is only once change I have to do, but on my work, I have to do this dozens and dozens of times when I'm developing, so it gets a little tiring. Any suggestions on how to trigger the 'live' updating of styles ? Thank you!

Chosen solution

Hi contact193

This forum is focused on Firefox user support; for developer support, we suggest asking on stack overflow and tagging it firefox: https://stackoverflow.com/questions/tagged/firefox

More info: https://support.mozilla.org/en-US/kb/where-go-developer-support

Cheers!

...Roland

Read this answer in context 👍 0

All Replies (1)

more options

Chosen Solution

Hi contact193

This forum is focused on Firefox user support; for developer support, we suggest asking on stack overflow and tagging it firefox: https://stackoverflow.com/questions/tagged/firefox

More info: https://support.mozilla.org/en-US/kb/where-go-developer-support

Cheers!

...Roland