动态加载 LESS 样式表

您表示有兴趣使用 LESS.js，同时需要在初始页面后动态加载某些样式加载。但是，LESS.js 的现有行为要求所有 LESS 样式表在 LESS.js 脚本之前加载，如下面的功能示例所示：

此顺序颠倒时会发生失败，因为 Firefox 和Chrome 会尝试加载样式表，除非它位于脚本之前。由于 LESS.js 解析过程的性质，强制执行此排序要求。

引入 less.refreshStyles()

为了满足您对动态样式的需求，版本 1.0 LESS.js 的 .31 引入了 less.refreshStyles() 方法。此方法允许重新编译 type="text/less" 的

要实现此功能，只需在加载任何动态 LESS 样式表后合并以下行：

less.refreshStyles();

示例代码

为了演示功能，您可以修改您的测试代码片段提供在样式表动态加载后包含此行：

此修改将指示 LESS.js 重新编译动态样式表，使其无需重新加载页面即可生效。