css – 解析LESS客户端

前端之家收集整理的这篇文章主要介绍了css – 解析LESS客户端前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

最佳答案
看一下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的内部说法可能会传递什么(虽然它们都是可选的,所以传递none应该只使用默认值).

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

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

猜你在找的CSS相关文章