less-live

command +s

           

in real time

"Compile-on-save" Less to CSS in real time
Компиляция при каждом сохранении файлов Less в Css

Install / Установка

npm i -g less-live

Start / Запуск

 less-live [main-less-file] [final-css-file(default: style.css)]

Stop / Стоп

control + c

About / Описание

Все less-файлы подключаются к основному через @import
All less files are connected to the main one via @import

Source files / Исходные файлы

main.less

@import "./second.less";
@main-colot: tomato;

h1 {
    color: @main-colot;
    font-size: 22px;
}

second.less

h3 {
    color: aqua;
}

Final build / Финальная сборка

style.css

h3 {
  color: aqua;
}
h1 {
  color: tomato;
  font-size: 22px;
}