css - CSS 中的 @import 会导致额外的 http 请求吗？

Question

我有一个电子商务网站，它有大约 8 个从 header 链接的 CSS 文件 - 导致向服务器发出 8 个单独的 http 请求。我将所有 CSS 文件合并为 1 个大文件，生成一个 67kb (!) 文件 - 将我们的 css 文件的 http 请求减少到 1 个。

我发现这个大小的 CSS 文件有点难以管理，因为我经常在网站上执行更新。我担心的是我的用户可能会在更新过程中发现我，并在从一个页面移动到另一个页面时看到一个非样式化的页面——b/c 67kb 仍然需要 2-3 秒才能通过 FTP 成功放置到远程服务器上.

我的问题是:在这个大的 CSS 文件中使用 @import 将文件分解成更小的更易于管理的大小(在该 CSS 文件中)是否让我们回到加载页面时的原始 8 个 http 请求？还是 CSS 中的 @imports 以某种方式处理不同？

Answer 1

是的，您将在使用@import 时返回每个样式表的请求。

最好的办法是将 css 缩小并合并到一个文件中以进行部署。但是您仍然可以使用单独的文件进行开发。