Want Realtime CSS Style Replacement While Developing Angular Applications?

Perhaps you’ve used tools such as Prepros to prototype HTML/SCSS designs?

It allows for injected CSS changes.

For instance Prepros watches your project, compiles your CSS on each save and replaces the CSS inside your browser.

No reload, no refresh, just instantaneous results.

This was at least 5 years ago but the Angular team has never approached this feature. In fact, updating Angular application styles still requires a basic recompile and page reload.

Style Replacement in 2021

While searching for an Angular-focused solution to HOT CSS reloading I came across Hiep Tran’s plugin which had an impressive direction and a promising future.

As his project progressed it seems that leveraging the CLI to replace CSS like Prepros does was becoming problematic. Deeper knowledge of the Angular CLI was needed and Hiep reached out to the Angular team.

That is where his project ended.

The call for advocating for this feature has begun! Please vote by giving github.com/angular/issues/31464 your thumbs up!