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

Ответ 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).

Ответ 2

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

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

Ответ 3

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

Ответ 4

моя ставка: он скомпилировал бы серверную сторону css и вытащил ее клиенту

Ответ 5

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