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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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!

Réiteach roghnaithe

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

Réiteach Roghnaithe

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