javascript - 服务器端的 CSS？

Question

我遇到了LESS website这就是他们正在做的描述”

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js.

Node.js 的“和服务器端”是什么意思？我知道您可以使用 Node.js 使用 javascript 编写服务器端代码，但是在服务器端使用 CSS 是什么意思，它有什么用处？

Answer 1

What does it mean "and server-side" with Node.js? I know that you can write server-side code with javascript using Node.js, but what is the meaning of having CSS on server-side and how is it useful?

不是 CSS(可选)在服务器端完成，而是 LESS 处理，这会导致发送到客户端的正常 CSS。

因此，如果您的网络服务器上有一个 .less 文件:

@color: #4D926F;

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

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

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

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