less css下载及编绎工具

http://www.lesscss.net

less.js下载

LESS 1.5已经放出Beta 1版本，支持source map等新特性，欢迎尝鲜。详细变更请见更新日志。

生产环境使用建议下载1.4.2稳定版本。

1.5.0 Beta 1
1.4.2
如果您需要在IE6、7、8中使用，请先在引入less.js前先引入es5-shim。

https://github.com/kriskowal/es5-shim

浏览器端使用

LESSCSS也可以不经编译，直接在浏览器端使用。

使用方法：

1. 下载LESSCSS的.js文件，例如lesscss-1.4.0.min.js。

2. 在页面中引入.less文件

   <link rel="stylesheet/less" href="example.less" />
   

   需要注意rel属性的值是stylesheet/less，而不是stylesheet。

3. 引入第1步下载的.js文件

   <script src="lesscss-1.4.0.min.js"></script>
   

需要特别注意的是，由于浏览器端使用时是使用ajax来拉取.less文件，因此直接在本机文件系统打开（即地址是file://开头）或者是有跨域的情况下会拉取不到.less文件，导致样式无法生效。

还有一种情况容易导致样式无法生效，就是部分服务器（以IIS居多）会对未知后缀的文件返回404，导致无法正常读取.less文件。解决方案是在服务器中为.less文件配置MIME值为text/css（具体方法请搜索）。或者还有一种更简单的方法，即是直接将.less文件改名为.css文件即可。

##########################################

Node.js库

LESSCSS官方有一款基于Node.js的库，用于编译.less文件。

使用时，首先全局安装less（部分系统下可能需要在前面加上sudo切换为超级管理员权限）：

npm install -g less
接下来就可以使用lessc来编译.less文件了：

lessc example/example.less example/example.css