Question

我正在尝试将较少的文件应用于特定的div，然后使用javascript修改它，我遇到了问题。这就是我所拥有的：

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

少：

@body-bg: #fff;

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

然后我在飞行中编译它。初始编译工作，从bootstrap给出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附加到浏览器网址，然后刷新页面。或者，您可以从控制台运行less.watch()。

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

1 个答案: