Angular CLI:在没有完全重载的情况下在Sass编译上注入css?

Ste*_*eve 7 css angularjs webpack browser-sync angular-cli

我们的Angular 4应用程序搭建了角度cli,使用scss作为默认样式.我们运行应用程序

ng serve --sourcemap --extractCss -o

获取scss源地图.这工作正常,应用程序编译,运行,源地图工作等.

但是,来自Angular1/Gulp/Browsersync世界,我错过了在没有完整页面重新加载的情况下注入构建的css.目前,每当我编辑sass文件时,webpack都会在Chrome中编译并重新加载页面.

这是现在唯一的工作方式吗?没有重新加载就没有办法简单地强制刷新css(就像在Gulp时代的browsersync那样)?

Rut*_*ren 0

这与 CSS 注入并不完全相同,但会让您的页面重新加载和编译速度快得多!

使用 Angular 7,您可以按照本指南启用 HMR。(模块热更换)

它还将使您的 .ts 文件重新加载速度非常快!


小补充:

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