正在编译 less modifyVars 时加载图标答案

【问题标题】：Loading icon while less modifyVars is compiling正在编译 less modifyVars 时加载图标
【发布时间】：2015-05-12 00:50:34
【问题描述】：

我在前端使用 window.less.modifyVars(modified_variables); 来反映更改。我想在编译时显示 加载图标。有什么方法可以检查less已经开始编译并完成了。

【问题讨论】：

modifyVars 返回一个承诺，但then 或done 都没有被调用...你能试试window.less.modifyVars(modified_variables).done(function() { console.log('modifyVars done'); }); 看看它是否有效吗？
uhmm...我找到了这个github.com/less/less.js/issues/1957，但我也无法让它工作。我建议您在他们的存储库中打开一个问题。

标签： javascript css less

【解决方案1】：

在 less.js GitHub 存储库中，我在 test spec 中提到了他们如何使用 modifyVars()。您可以显示加载图标，调用 modifyVars 方法，然后使用 .then()，隐藏加载图标。

// Show loading icon

less.modifyVars({
    var1: "green",
    var2: "purple",
    var3: 20
}).then(function () {

    // Hide loading icon
    done();
});

【讨论】：