我们的 Angular 4 应用程序脚手架与角度 cli 一起使用,使用 scss 作为默认样式。我们运行应用程序
ng serve --sourcemap --extractCss -o
获取 scss 源映射。这工作正常,应用程序编译,运行,源映射工作等。
但是,来自Angular1/Gulp/Browsersync世界,我错过了在没有完整页面重新加载的情况下注入构建的css。目前,每当我编辑 sass 文件时,webpack 都会在 Chrome 中编译并重新加载页面。
这是现在唯一的工作方式吗? 有没有办法在不重新加载的情况下简单地强制刷新 css(就像浏览器同步在 Gulp 时代所做的那样(?
这与CSS注入不完全相同,但会让你的页面重新加载和编译速度快得多!
使用 Angular 7,您可以按照本指南启用 HMR。(热模块更换(
它还将使重新加载您的 .ts 文件非常快!
小附录:
我认为您可以加载通过注入更改的 CSS,但按照 HMR 文档的这一部分进行操作