LESS css - JS 解析器与编译答案

【问题标题】：LESS css - JS Parser vs CompiledLESS css - JS 解析器与编译
【发布时间】：2013-03-23 20:34:15
【问题描述】：

我想知道是否有人知道 LESS css 的 JS 解释器是否会导致页面加载出现明显的延迟。我更喜欢使用 JS 解析器，因为它更易于使用，因为我不必在每次编辑后都运行编译器，并且更容易管理源代码，因为 SCM 工具不会同时跟踪 .less 和 .css文件

【问题讨论】：

您不必在每次编辑后手动编译。只需让您的较少文件被监视以进行更改。我使用 SASS，我所做的只是在命令行中运行 sass --watch sass:css。此外，使用 JS 执行此操作可能会使页面在移动环境中变得非常缓慢......
你也可以让你的.htaccess文件直接引用.less文件到编译器并返回编译后的CSS：stackoverflow.com/a/12274629/1455709

标签： css less

【解决方案1】：

它在快速的计算机/浏览器上并不慢。但是，根据您的目标受众，我不会使用它。

我宁愿设置lessc 来查看文件/目录并在保存时生成 css 文件。然后将 less 和 css 文件都提交到您的 SCM（这实际上是我所做的）。

这样做也允许持续集成构建。

【讨论】：

【解决方案2】：

我还建议将 LESS 样式解析为普通 CSS。仍然有人关闭了 JS 或使用了一些 JS-blocking 插件。在这种情况下，您将获得没有样式的页面，这不是打动观众的最佳方式。

如果您使用的是 Mac - 请尝试 Less.App 如果您使用的是 Windows - 请尝试 WinLess 如果您使用的是 Linux - 请尝试 SimpleLess

所有应用程序都有一个“监视目录”选项（使用 LESS 样式）并在更改时自动编译。 Less.App 和 WinLess 有很多其他选项，例如：编译缩小、从系统开始、最小化开始等...

【讨论】：