javascript - Less: `modifyVars` 在文档加载后加载的文件上

Question

我的页面使用在客户端编译的 Less 文件。我想在页面加载完成后加载其中一些文件。

我尝试了“浏览器中的 Less”方式，但它似乎只适用于最初在页面的 head 部分声明的文件。我稍后添加的声明(来自 Javascript)未被 Less 处理...

我尝试的另一种方法是“程序化使用”，但在这种情况下，我必须自己注入(inject) CSS 代码。这意味着我以后不能再使用 less.modifyVars() 来更改样式(或者我必须自己触发重新编译然后替换生成的 CSS，这是我想避免的)。

我更喜欢第一种方式，但是我不知道页面初始加载完成后如何加载文件。也许有加载 Less 文件的功能？

谢谢!

Answer 1

我想我找到了解决方案:

less.registerStylesheets().then(
        function () {
            less.refresh();
        }
);

第一个函数将重新读取声明。第二个会重新编译所有文件(实际上不太好)。