Как использовать less.js с node.js для просмотра файлов .less в папке?

Question

Я ищу простое руководство по настройке просмотра на стороне сервера и компиляции файлов .less в папке с использованием less.js и node.js. Брайан писал об этом в этом посте .

К сожалению, инструкции по использованию на стороне сервера на lesscss.org немного полезны для новичка в node.js.

Я пробовал использовать командную строку: $ lessc styles.less > styles.css.

Я также попробовал 'watchr' и 'watch-less', и все это работает. Тем не менее, я ищу чистое решение для node.js + less.js. Я уверен, что есть кто-то, кто сможет ясно объяснить, как настроить node.js и less.js для просмотра файлов .less в папке. Благодарю.

Answer 1

Честно говоря, я видел много одинаковых тем и ответов.

Если вы похожи на меня и не хотите больше раздувать код, чем вы уже сделали, просто скачайте LESS-приложение для Win /Mac / Nix, и он будет автоматически компилироваться каждый раз, когда вы сохраняете ваши файлы .less.

Честно говоря, я думаю, что это уменьшит нагрузку на сервер, потому что вам нужно только загрузить свои скомпилированные и свернутые файлы на этомточка.

Answer 2

Я создал демонстрационный проект, чтобы показать, как он работает.Вы можете найти его здесь https://github.com/corpix/watcherDemo

После клонирования войдите в каталог проекта и выполните npm install, чтобы установить меньше модуля Node.js.Попробуйте запустить index.js и изменить .less файл в каталог less_files/, измененный файл будет скомпилирован и помещен в css_files/

Answer 3

Вы можете использовать less-watch-compiler для просмотра .less файлов.Вам не нужен основной файл, чтобы смотреть, как хрюканье.Просто установите этот плагин:

npm install -g less-watch-compiler

или

yarn global add less-watch-compiler

Использование:

less-watch-compiler [options] <source_dir> <destination_dir>

Базовый пример

 root 
 └──src
 │    └── main.less
 │    └── aux.less
 └──dist
      └── main.css

Проект можно скомпилировать с помощью следующей команды:

less-watch-compiler src dist main.less

Базовый пример 2

less-watch-compiler.config.json

{
    "watchFolder": "src",
    "outputFolder": "dist",
    "mainFile": "main.less"
}

Проект можно скомпилировать с помощью следующей команды:

less-watch-compiler

Source .

Answer 4

Возможно не прямой ответ.Но вот мой комментарий:

Обычно нам нужны эти часы на этапе разработки, где нам нужно изменить файл less и посмотреть результат без необходимости повторного запуска команды lessc при каждом изменении вФайл меньше.

Мы делаем это чистым less.js в нашем html.как показано ниже:

<link rel="stylesheet/less" href="/path/to/bootstrap.less">
<script src="/path/to/less.js"></script>

После завершения задачи разработки.Вам нужно запускать lessc только один раз.

Во время разработки загрузка ваших страниц может занять немного больше времени, но если ваш сайт является базой ajax, и вы добавите это на страницу шаблона, он не будетбольшое дело.

Answer 5

Я знаю, что это старый пост, но несколько раз появлялся, когда недавно искал ту же вещь.

Я разбудил и обновил код от jonycheung - и отправил запрос на слияние.

Обновление: jonycheung принял запрос на слияние, поэтому его исходный код обновлен

А пока код можно найти здесь:

https://github.com/mikestreety/Dead-Simple-LESS-Watch-Compiler

Я также работал над созданием чистого bash-скрипта, который использует lessc, но для запуска скрипта узла не требуется:

https://github.com/mikestreety/less-watch

Answer 6

Вы можете использовать супервизор с аргументом -e для предоставления расширений для просмотра:

nohup supervisor -e 'js|ejs|less' $APP_DIR/app.js  1>$APP_DIR/log/app.log 2>&1 &
echo $! > $APP_DIR/pid/app.pid;

Взято из сценария запуска узла: https://github.com/chovy/node-startup

Более простая версия этой команды:

supervisor -e 'js|ejs|less' app.js

Answer 7

Я написал кое-что, что могло бы быть тем, что вы ищете.Скрипт ищет файлы .less в папке watch и компилирует их в выходную папку.Все, что вам нужно сделать, - это указать папку, которую вы хотите просмотреть, и выходную папку.

node less-watch-compiler.js1008 *

Он пропускает просмотр файлов с именами, начинающимися с подчеркивания или точки.

Я написал это для своего процесса разработки, но он все равно должен работать на сервере.Тем не менее, вы можете пересмотреть возможность постоянного отслеживания изменений на активном сервере.Это дорогая операция.