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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

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

  • 1 èsì
  • 1 ní ìṣòro yìí
  • 1 view
  • Èsì tí ó kẹ́hìn lọ́wọ́ Roland Tanglao

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!

Ọ̀nà àbáyọ tí a yàn

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

Ka ìdáhùn ni ìṣètò kíkà 👍 0

All Replies (1)

more options

Ọ̀nà àbáyọ Tí a Yàn

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