运行 LESS 服务器端与客户端答案

【问题标题】：Running LESS server-side vs. client-side运行 LESS 服务器端与客户端
【发布时间】：2011-11-03 10:19:47
【问题描述】：

在客户端与服务器端运行 LESS 框架有哪些优点/缺点？如果您在客户端运行页面加载时间会受到影响吗？

【问题讨论】：

动态 CSS 让跨浏览器工作非常痛苦。帮自己一个忙，用静态 CSS 代替。

标签： javascript css less

【解决方案1】：

在服务器上，您必须更加注意缓存控制标头，并且会牺牲一些 CPU 能力。

在客户端，如果 JS 不可用，它会中断。

（对于您的生产系统，）在构建时进行，只提供静态 CSS。这既高效又可靠。

【讨论】：

同意昆汀。由于速度问题（如果是 JS，兼容性问题），LESS 永远不应该在实时环境中使用。只需将生成的 css 复制到静态样式表中并提供它。只需 2 秒

【解决方案2】：

使用 ASP.NET MVC 4.0 捆绑您可以使用：

var bundle = new StyleBundle("~/Content/style").Include(
    "~/Content/myStyles.less");
bundle.Transforms.Add(new LessTransform());

bundles.Add(bundle);

一切都会得到很好的处理。缓存、转换（服务器端）、捆绑和...

【讨论】：

【解决方案3】：

客户端：

优点：

更好的调试
开发可能更容易

缺点：

带宽较慢
CPU 性能较慢（可能会影响移动设备）
没有 JS 的中断

服务器端：

优点：

更快
客户端 JS 独立

缺点：

还有一些工作要做

我的建议：

永远不要在生产中使用客户端。然而，在开发中，编译较少的客户端可能非常有用。

【讨论】：