如果与LESS一起使用,@import真的对性能不好吗()

我计划将LESS CSS分成多个文件, 以使CSS模块化并使其更易于管理和维护。最终, 我将使用@import将所有模块化CSS文件导入到一个将被WordPress排队的文件中。
【如果与LESS一起使用,@import真的对性能不好吗()】@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将在结果文件中保留第一个顶部注释, 以便你可以将主题信息放入其中。

    推荐阅读