如果与LESS一起使用，@import真的对性能不好吗？

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

@import对性能不好吗？

#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将在结果文件中保留第一个顶部注释, 以便你可以将主题信息放入其中。