为什么要编译少量文件？

Question

我将较少的文件编译为一个css文件。但我在http://lesscss.org/上看到您可以在网页上包含较少的文件即时。

  

客户端是最简单的入门方式，也适合开发   使用Less，但在生产中，何时性能和可靠性   重要的是，我们建议使用node.js或其中之一进行预编译   第三方工具。

     

首先，将.less样式表与rel属性集链接起来   到“stylesheet / less”：

     

  接下来，下载less.js并将其包含在标签中   您网页的元素：

     

编译到css或仅使用较少的文件之间的差异是什么？

Answer 1

编译为CSS

这里的编译意味着使用程序将.less文件转换为.css文件。

例如，文件较少：

.outerDiv { 

    .innerDiv {

         color:green;

    }

}

当你在其上使用编译器时会生成一个css文件，如：

.outerDiv .innerDiv {

  color:green;

}

我用考拉。它不会覆盖您的文件，它只会生成一个css文件。

您需要做的就是在头部引用该css文件，然后上传到服务器。

优于less.js方法的优势

这比通过less文件发送更轻（用于加载客户端的数据更少）（特别是如果你缩小css文件，考拉也会为你做的那样）。

它还可以在没有任何“跳跃”的情况下加快加载速度。

如果您使用less.js方法，那么：

• 页面加载和呈现没有你可爱的无风格造型
• less.js然后开始并重新设置您的页面。无规则

如果用户连接速度很慢，他们可能会看到旧的无样式版本，然后页面会突然重新格式化。