将我的 CSS 组织到一个捆绑请求中

Question

我的许多项目都有很长的 CSS 样式表。我想将它们组织成多个文件。

例如：

• 主要部分
• 表格
• 表单元素
• 布局元素

我认为这对于组织目的来说非常有用。

但我听说每个样式标签、脚本标签和任何外部引用都是他们自己的请求。

那么如果我的页面包含 10 个 CSS 文件，是否会导致 10 个请求？ 如果是这样，可以吗？如果是这样，有什么方法可以将它们捆绑到一个请求中吗？

例如，

<link rel="stylesheet" type="text/css" href="styles/layout.css" group="pagestyles"/>
<link rel="stylesheet" type="text/css" href="styles/form.css" group="pagestyles"/>
<link rel="stylesheet" type="text/css" href="styles/elements.css" group="pagestyles"/>

我希望浏览器能够读取HTML头中的所有链接并同时请求它们。

Answer 1

拥有多个CSS文件将导致多个请求，但是，正如here所述，您可以连接多个CSS文件。

希望这有帮助！