Javascript 我可以延迟加载更少的文件，并且仍然使用变量吗？

所以我有这个函数，它可以延迟加载更少的文件：

var addLess = function(url) {
  $('head').append('<link rel="stylesheet" type="text/less" href="' + url + '" />');
  var newStyle = $('link[href="' + url + '"]').get(0);
  less.sheets.push(newStyle);
  less.refresh();
}

调用addLess时无法引用var

@valentine: #ef26ac;

.content {
  background: @valentine;
}

这个扔

NameError: variable @valentine is undefined

---

有人看到我可以绕过这个问题的方法了吗？

LESS不会“跨”加载到html中的文件读取变量（正如您的延迟加载所做的那样）。加载less时，它就变成了css

要使less文件从另一less文件读取变量，必须将另一less文件导入less代码本身的第一个文件中

---

因此，您应该有一个“variables.less”文件或类似的文件，并将该文件导入到每个可能需要变量的less文件中。

所有文件是否共享相同的工作空间？@Joraid我不知道这是什么意思。。。这是一个内在的东西吗？它们都在同一个文档中。。。