Angular CLI:在 Sass 编译时注入 css,无需完全重新加载



我们的 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 文档的这一部分进行操作

相关内容

  • 没有找到相关文章

最新更新