Angular CLI Css Injection而不是重新加载

Question

当我运行时,ng serve如果我对.scss文件进行更改,将导致页面重新加载.这很不方便,可能会丢失一些状态或开发工具更改.

通常当我处理设计时,我使用类似browseryc的东西来注入css而不刷新页面.当我必须调试一些棘手的东西时,这节省了大量的时间.

反正是否有角度cli注入.scss更改或重新加载页面？

编辑:

从webpack文档:

HMR是一种选择加入功能,仅影响包含HMR代码的模块.一个例子是通过样式加载器修补样式.为了使补丁工作,style-loader实现了HMR接口; 当它通过HMR接收更新时,它会用新的样式替换旧样式.

同样,在模块中实现HMR接口时,您可以描述模块更新时应该发生的事情.但是,在大多数情况下,并不是必须在每个模块中编写HMR代码.如果模块没有HMR处理程序,则更新会冒泡.这意味着单个处理程序可以更新完整的模块树.如果更新了树中的单个模块,则会重新加载整个依赖关系集.

从我听到的Angular-CLI支持HMR,但我找不到任何关于它的官方文档.

是否可以在Angular 6中实现样式加载器？

Answer 1

使用 Angular 7，您可以按照本指南启用 HMR。（模块热更换）

它与 CSS 注入不同，但比完全重新加载和编译要快得多。

最棒的是它也适用于您的 ts 文件。

小补充：

我认为您实际上可以加载通过注入更改的 CSS，但遵循HMR 文档的这段内容