重新编译较少的文件 - modifyVars 不编译某些元素

Question

我正在尝试将 less 文件应用于特定的 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 中的文件。有谁知道如何强制它重新编译整个文件？

这是 less.js 的 modifyVars() 函数：

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

我相信您需要在 LESS 中设置watch 模式才能自动更新。引用lesscss.org:

观看模式是一种客户端功能，可让您的样式在更改时自动刷新。

要启用它，请将#!watch 附加到浏览器 URL，然后刷新页面。或者，您可以从控制台运行 less.watch()。