1

刚刚进入 CSS 预处理器的有趣世界。假设我们使用 LESS 来渲染我们的 CSS。我想知道两种不同的方法：

  • 在每次页面加载时使用 LESS 呈现 CSS。
  • 使用 LESS 作为构建过程的一部分，并且只在生产中使用渲染的 CSS。

我想知道是否有时您会使用其中一个而不是另一个。一方面，你有一个运行时的动态 CSS，而另一个静态 CSS 是从一个（希望）简洁明了的 LESS 模板构建的。

4

1 回答 1

6

这是 Chris Coyier 写的一篇关于 CSS-Tricks 的文章

Chris 说，使用 LESS，可以像使用普通文件一样.less使用link带有标签的.css文件

<link href="style.less">

尽管这是处理文件的一种方法，但它并不是最有效的方法。它可能会严重减慢加载案例，并且可能会使浏览器崩溃。最好使用 LESS gem 将 LESS 转换为 CSS。正如克里斯所说，

您可以将预处理的“预”部分视为“在将这些文件发送到实时网站之前”。

这.less是一篇很好的文章，解释了处理文件的不同方式。

在客户端编译上，作者总结得很好

Sass/LESS 代码不是编译一次，而是在每个页面请求上编译——更糟糕的是，你把这个负担转嫁给了你的用户，而不是你自己做

对于您的第二点，这本质上是 CSS 预处理器的构建目的。它们被设计成具有可读性高、更改难度低的易于管理的 CSS 脚本。然后，您甚至不必查看 CSS 文件。只需将它运送到浏览器的土地上，无论如何它都会被浏览器特定的渲染（咳嗽，咳嗽 IE）撕裂。

于 2013-04-25T02:38:03.970 回答