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中设置的位置.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效