CSS на стороне сервера?

Question

Я столкнулся с МЕНЬШЕМ веб-сайтом , и это описание того, что они делают "

LESS расширяет CSS динамическим поведением, таким как переменные, миксины, операции и функции. LESS работает как на стороне клиента (IE 6+, Webkit, Firefox), так и на стороне сервера, с Node.js.

Что значит "и на стороне сервера" с Node.js? Я знаю, что вы можете написать код на стороне сервера с помощью javascript, используя Node.js, но что означает наличие CSS на стороне сервера и как это полезно?

Answer 1

Что значит "и на стороне сервера" с Node.js?Я знаю, что вы можете написать код на стороне сервера с помощью javascript, используя Node.js, но что значит иметь CSS на стороне сервера и чем он полезен?

Это не CSS , который (необязательно) выполняется на стороне сервера, это обработка LESS , которая приводит к обычному CSS, который отправляется клиенту.

Так что если у вас есть .lessфайл на вашем веб-сервере с этим:

@color: #4D926F;

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

... и ваш веб-сервер настроен на обработку файлов .less через компилятор LESS, работающий под Node.js (например, как .phpфайлы обрабатываются через интерпретатор PHP, .py файлы - через интерпретатор Python и т. д.), затем генерируется и отправляется клиенту вывод компилятора LESS (чистый CSS):

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

Это (чуть-чуть) больше нагрузки на ваш сервер, но означает, что вам не нужно беспокоиться о запуске компилятора LESS в браузере (например, вы можете поддерживать не-JavaScript клиенты).

Answer 2

Я почти уверен, что это означает, что вы можете запустить код LESS с Node.js на этапе сборки приложения для предварительного расширения CSS.

Другими словами, он позволяет вам выполнить это на стороне сервера перед развертыванием (или, я полагаю, по требованию, если вы захотите), чтобы повысить производительность на стороне клиента.

Answer 3

моя ставка: он скомпилирует серверную часть css и отправит ее клиенту

Answer 4

Компилятор LESS реализован на JavaScript, и компилятор может работать как на клиенте, так и на сервере (используя NodeJS)

Answer 5

Это означает именно то, что говорится. Вы размещаете ваши файлы .less на сервере, и сервер позаботится о разборе, компиляции и минимизации.