Перекомпилировать меньше файлов - modifyVars не компилировать некоторые элементы

Question

Я пытаюсь применить меньше файлов к определенному div, а затем изменить его с помощью javascript, и у меня возникают проблемы. Вот что я получил:

<div id="live"> 
    <h1>Title</h1> 
</div> 

меньше:

@body-bg: #fff; 

#live { 
    @import "bootstrap/scaffolding.less"; 
} 

Тогда я компиляции на лету. Начальная компиляция работает, давая тегу body из бутстрапа переменную @ body-bg. Поэтому я пытаюсь изменить его с помощью:

less.modifyVars({'@body-bg':'blue'}); 

Но это не перекомпилирует файлы внутри #live. Кто-нибудь знает, как вы можете заставить его перекомпилировать весь файл?

Вот в modifyVars функции() из less.js:

less.modifyVars = function (a) { 
    var b = ""; 
    for (var c in a) b += ("@" === c.slice(0, 1) ? "" : "@") + c + ": " + (";" === a[c].slice(-1) ? a[c] : a[c] + ";"); 
    less.refresh(!1, b) 
} 

Answer 1

Я считаю, нужно режим watch установить в LESS для автоматического обновления. Цитирую lesscss.org:

режим Часы особенность на стороне клиента, которая позволяет ваши стили обновлять автоматически, как они изменяются.

Чтобы включить его, добавьте #!watch в URL-адрес браузера, а затем обновите страницу. Кроме того, вы можете запустить less.watch() с консоли.