Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Suluhisho teule

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