转载

使用 Less

Less 可以通过 npm 在命令行上运行；在浏览器上作为脚本文件下载；或者集成在广大的第三方工具内。

安装

在服务器端最容易的安装方式就是通过 npm （node.js 的包管理器），方法如下：

 $ npm install -g less

命令行用法：

安装 Less 后，就可以在命令行上调用 Less 编译器了，如下：

 $ lessc styles.less

这将输出编译之后的 CSS 代码到 stdout，你可以将输出重定向到一个文件：

 $ lessc styles.less > styles.css

若要输出压缩过的 CSS，只需添加 -x 选项。如果希望获得更好的压缩效果，还可以通过 --clean-css 选项启用 Clean CSS 进行压缩。

执行 lessc 且不带任何参数，就会在命令行上输出所有可用选项的列表。

代码中使用

可以像下面这样在代码中调用 Less 编译器（Node 平台）。

 var less = require('less');  less.render('.class { width: (1 + 1) }', function (e, css) {   console.log(css); });

输出结果为：

 .class {   width: 2; }

你还可以手动调用分析器（paser）和编译器：

 var parser = new(less.Parser);  parser.parse('.class { width: (1 + 1) }', function (err, tree) {   if (err) {     return console.error(err)   }   console.log(tree.toCSS()); });

配置

可以给编译器传递多个参数：

 var parser = new(less.Parser)({   paths: ['.', './lib'], // Specify search paths for @import directives   filename: 'style.less' // Specify a filename, for better error messages });  parser.parse('.class { width: (1 + 1) }', function (e, tree) {   tree.toCSS({     // Minify CSS output     compress: true   }); });