解析LESS客户端

Bil*_*oon 5 css client-side less

我可以解析LESS客户端,并返回结果吗?

我目前正在使用文档中的建议,其中包括较少的文件,以及之后缩小的解析器.我希望能够返回原始css,以便将其保存为css文件.

我不想安装node.js等,我想要一个客户端解决方案.

huo*_*uon 11

查看less.js源会显示该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() ); 
});
Run Code Online (Sandbox Code Playgroud)

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

#example {
  background-color: #ff0000;
}
Run Code Online (Sandbox Code Playgroud)

为构造函数less.Parser实际上采取一系列的设置,我不明白足够少的内部的说什么会是个不错通(虽然它们都是可选的,所以没有传递应该只使用默认值).

Parser.parse方法有两个参数:一个包含LESS文件的字符串,以及一个处理解析数据的回调.回调最多接收两个参数,一个错误对象(error)和一个表示解析后的LESS(root)的对象.root不通过,如果有一个致命的错误,并且error将是null,如果没有错误.

不幸的是,我找不到比他们在源设置的位置误差参数的属性的任何更好的文档在这里.