We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Seçilmiş Həll

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