css - 如果与 LESS 一起使用，@import 对性能的使用真的那么糟糕吗？

Question

我计划将我的 LESS CSS 分成多个文件，以模块化我的 CSS 并使其更易于管理和维护。最终，我将使用@import 将我所有的模块化 CSS 文件导入到一个文件中，该文件将在 WordPress 中排队。

@import 对性能来说是个坏主意吗？

Answer 1

是的，使用多个导入将导致浏览器必须发出等量的文件请求。

只要您将 LESS 源代码编译成 CSS 文件并将该 CSS 文件包含为您网站的样式表，性能就不会成为问题。

例如，当您制作 Wordpress 主题时，您可以为您的 CSS 创建一个文件夹，然后使用例如simpLESS（如果您在 Windows 上）示例模板目录结构进行编译：

-themes/
  -your-theme/
    -less/
      -main.less
      -import.less
      -etc.
    -style.css <- this is the target file you would compile into
    -index.php
    -etc.

您可以设置目标文件以轻松编译。此外，simpLESS 将在结果文件中保留第一个顶级评论，以便您可以将主题信息放入其中。