[HMR] Apply changes in page styles at runtime #6953

Overview

{N} 5.0 includes Beta version of the Hot Module Replacement (HMR) feature provided by webpack which makes possible to replace modules in a bundled application while the application is running.

A possible improvement after the Beta release is applying changes in styles instantly.
The initial step on this journey to apply changes in application styles app.(css|scss) at runtime is released with version 5.2.
The next step would be to apply changes in page styles main-page.(css|scss) at runtime for all the flavours:

• JS/TS: feat(HMR): apply changes in page styles at runtime #6857, feat(HMR): style views at runtime #7012
• Angular
• Vue

Is your feature request related to a problem? Please describe.

A change in page styles main-app.(css|scss) triggers a navigation to the same page where the change is applied.

Describe the solution you'd like

A change in page styles main-page.(css|scss) applies at runtime, thereby it avoids page reloading/navigation and preserves the application state and navigation history.

Related to #6398.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.