加载图标，而较少的modifyVars正在编译

Question

我在前端使用 window.less.modifyVars（modified_variables）; 来反映更改。我希望显示加载图标，而不是编译。有没有办法检查less已经开始编译并完成。

Answer 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();
});