javascript - 需要 JS 和 LESS

Question

我正在使用 LESS 的客户端 javascript 版本来编译出更少的代码，并且即使在最终的实时站点上也想继续使用它(我知道......糟糕的形式，但它让我能够允许用户自定义一些较少的变量，并让他们的整个应用程序在运行中“主题化”，因为它是一个一旦加载就永远不会刷新的 web 应用程序，我认为额外的加载时间来编译较少的变量是可以接受的)。

我也在使用 requireJS。

问题是:

A) 如何让 requireJS 加载更少的代码？

B) 编译完成后 less 会派发任何事件吗？和

C) 有没有办法触发 less 以根据命令重新编译？

谢谢。

Answer 1

我用过 text loader plugin让 RequireJS 加载 .less 文件作为文本，然后创建一个新的 less.Parser 实例来解析文本，然后自己添加样式文本:

(new less.Parser()).parse(lessText, function (err, css) {
  if (err) {
    if (typeof console !== 'undefined' && console.error) {
      console.error(err);
    }
  } else {
    var style = document.createElement('style');
    style.type = 'text/css';
    style.textContent = css.toCSS();
  }
});

您可以采用类似的方法，但为样式节点提供一个 ID 并删除该 ID，然后在您需要时添加回另一个重新解析的 LESS 文本。

注意:当文本文件与网页位于同一域时，文本插件只能按需加载文本文件。如果您使用 RequireJS 优化器，您可以将文本内联到构建的、优化的 JS 文件中。