【发布时间】：2018-09-01 06:37:01
【问题描述】：
如何配置 Angular 2 以将全局样式内联/注入到 <head> 中的 <style> 标记中？
运行ng new site，然后运行ng serve --prod，在<head> 中提供一个带有<link href="styles.x.bundle.css" rel="stylesheet"/> 标记的页面。没有内联。
如果我使用ng serve --prod --extract-css=false，则样式会打包到styles.x.bundle.js 文件中，该文件最后通过<script> 标签加载。仍然没有内联。
但我希望将 CSS 直接内联/注入到 <head>。
编辑：注意我仍然想维护一个单独的样式文件（所以我可以选择使用 SASS）。
【问题讨论】：
-
值得一提你想要它的原因，我想在你最初的
loading...屏幕上避免flash of unstyled content -
@Stavm 是的，没错。我想加快初始页面加载速度（通过减少所需的 HTTP 请求的数量），而不需要您所说的初始闪存。
标签： css angular angular-cli