javascript - 你推荐反对基于 javascript 的 LESS 吗？

Question

在我观看了这个 NetTUTs 视频后，我对尝试显示的 LESS.js 方法非常感兴趣。

除了显而易见的“如果用户没有启用 javascript 怎么办？”，或者“性能会受到一点影响”......有没有理由不能在生产中使用它？

LESS 本质上看起来像 CSS 应该是什么......

Answer 1

我看不出为什么应该在生产中使用它。将其作为构建脚本运行更有意义，然后在缓存的无 cookie 域上提供输出（常规 CSS）。然后，它可以在没有 JavaScript 的情况下正常工作，并且在每次页面加载时都不需要 JavaScript 处理（这将比用调整过的本机代码编写的 CSS 解析器慢）。

Answer 2

我还没有在生产环境中尝试过，但是围绕 LESS 变量可能会有一些有趣的用例。例如，您可以更改底层的 less 变量，这些变量反过来会更改一堆相关的 CSS 规则（例如相对宽度/高度）。

有关有趣的补丁，请参阅https://stackoverflow.com/a/8742705/255961，它可以使用简单的modifyVars()函数轻松更改它们。

有了它，您可以通过一个本地 JS 调用来更改 Bootstrap 网格大小以及依赖它的所有内容：

less.modifyVars({
  '@gridColumnWidth': 50px
});

Answer 3

是的，如果禁用 Javascript 的人是一个问题，那么我建议不要使用基于 Javascript 的 LESS。就个人而言，我认为它与基于 Ruby 的相比没有任何优势，因为您实际上只需要在开发机器上安装 Ruby - 一旦您将 .less 文件编译为 .css，LESS 编译的 .css 文件之间就没有区别和“手写”一份。