css - 解析 LESS 客户端

Question

我可以解析 LESS 客户端，并返回结果吗？

我目前按照文档中的建议使用，即包含更少的文件，然后缩小更少的解析器。我希望能够返回原始 css，以便将其保存为 css 文件。

我不想安装 node.js 之类的，我想要一个客户端解决方案。

Answer 1

看看 less.js source调出 Parser目的。假设页面中包含less.js:

var data = "@colour: red; #example { background-color: @colour; }",
    parser = new less.Parser({});

parser.parse(data, function (error, root) { 
    // code that handles the parsed data here...
    // e.g.:
    console.log( root.toCSS() ); 
});

将以下内容输出到控制台:

#example {
  background-color: #ff0000;
}

less.Parser 的构造函数实际上进行了一系列设置，而且我对 LESS 的内部结构了解不够，无法说明哪些可能适合通过(尽管它们都是可选的，因此通过没有人应该只使用默认值)。

Parser.parse 方法有两个参数:一个包含 LESS 文件的字符串，以及一个处理已解析数据的回调。回调最多接收两个参数，一个错误对象 (error) 和一个表示已解析 LESS 的对象 (root)。如果出现 fatal error ，则不会传递 root，如果没有错误，error 将为 null。

不幸的是，关于错误参数的属性，我找不到比它们在源代码中设置的位置更好的文档了 here .