Angular CLI Css 注入(inject)而不是重新加载

Question

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

通常当我进行设计时，我会使用类似 browsersyc 的东西来注入(inject) css 而无需刷新页面。当我必须调试一些棘手的事情时，这为我节省了大量时间。

有没有办法让 angular cli 注入(inject) .scss 更改或重新加载页面？

编辑:

来自 webpack 文档:

HMR is an opt-in feature that only affects modules containing HMR code. One example would be patching styling through the style-loader. In order for patching to work, the style-loader implements the HMR interface; when it receives an update through HMR, it replaces the old styles with the new ones.

Similarly, when implementing the HMR interface in a module, you can describe what should happen when the module is updated. However, in most cases, it's not mandatory to write HMR code in every module. If a module has no HMR handlers, the update bubbles up. This means that a single handler can update a complete module tree. If a single module from the tree is updated, the entire set of dependencies is reloaded.

据我所知，Angular-CLI 支持 HMR，但我找不到任何关于它的官方文档。

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

Answer 1

使用 Angular 7，您可以关注 this guide启用 HMR。 (热模块更换)

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

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

---

小补:

我认为您实际上可以加载通过注入(inject)更改的 CSS，但请遵循 HMR documentation 的这一部分