Migration from v3 - SCSS reloads page


I migrated my project from v3 where I was used to change SCSS files and see the effect of changes immediately on the loaded page without having the page fully reloaded.

Now that I migrated to Ionic v5, when I change anything in my SCSS file it will fully reload the page. I followed a tutorial on the web about HMR and I managed to activate it (I see HMR logging entries on the console), but it still reloads my page as before.

Because of the Shadow DOM introduced, all my SCSS files from v3 are partially working and I need to adapt the code again. This means lot of work but if my page is reloading for all small SCSS changes I apply the productivity will be very low and impracticable given the project size.

Are there any alternatives to this, what is the suggestion?