服务器端的CSS？

Question

我遇到了LESS网站,这是他们正在做的描述"

LESS通过动态行为扩展CSS,例如变量,mixins,操作和函数.LESS在客户端(IE 6 +,Webkit,Firefox)和服务器端运行,使用Node.js.

与Node.js的"和服务器端"是什么意思？我知道你可以使用Node.js用javascript编写服务器端代码,但是在服务器端使用CSS有什么意义呢？它有什么用？

Answer 1

与Node.js的"和服务器端"是什么意思？我知道你可以使用Node.js用javascript编写服务器端代码,但是在服务器端使用CSS有什么意义呢？它有什么用？

它不是(可选)完成服务器端的CSS,而是LESS处理,这导致正常的CSS被发送到客户端.

因此,如果您.less的Web服务器上有一个文件:

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

......你有你的Web服务器配置为处理.less过的Node.js下运行(例如,就像LESS编译文件.php文件是通过PHP解释器处理后,.py通过Python解释等文件),然后将输出的生成LESS编译器(纯CSS)并将其发送到客户端:

#header {
  color: #4D926F;
}
h2 {
  color: #4D926F;
}

这是(一点点)您的服务器上的更多负载,但意味着您不必担心在浏览器上运行LESS编译器(例如,您可以支持非JavaScript客户端).