Angular cli将所有组件样式放在文档头中

页面组件的所有css都将插入到文档的头部。

---

是否有办法将所有这些样式捆绑到一个单独的文件中，然后在文档头中引用该文件？类似于引导和任何其他外部css库的处理方式。

将所有css文件添加到位于/src文件夹中的styles.css中，如：

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import 'css/exampleStyle.css';

然后在angular.json文件中添加styles.css：

"styles": [ "src/styles.css"]

这通常是默认情况下完成的

或者您可以直接在angular.json中提到css文件：

"styles": [ "src/css/exampleStyles.css"]

---

在你的*.component.CSS文件中添加单个CSS元素

我认为你做不到。使用angular universal时，文档内CSS样式会自动插入头部，从而加快页面显示速度。从我的理解来看，只是css需要显示页面组件的呈现状态，并不是所有的css都包含在内

仅仅拥有CSS文件的链接就会导致在显示页面之前发送额外的请求，并且速度会变慢

看看这里

你认为这种款式应该去哪里？请记住，SSR的目的是尽可能快地提供服务器生成的输出，而使用外部样式表会大大延迟这一点

---

插入文档头部的是单个css文件，*.component.css中的文件。angular.json文件中声明的任何内容都将被捆绑。我担心，如果我在angular.json文件中明确声明所有组件css文件，它将捆绑该css并将其包含在您使用angular universal的文档头中？@David是的，我想是的。“@nguniversal/express引擎”：“5.0.0-beta.5”；“@nguniversal/module map ngfactory loader”：“5.0.0-beta.5”