less的安装

一、nodejs的安装,因为less的安装需要npm,而npm是nodejs的工具

wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz
tar zvxf node-v0.10.24.tar.gz
cd node-v0.10.24
./configure --prefix=/usr/node
make && make install

导入环境变量
PATH="$PATH:/usr/node/bin"


二、安装less

npm install -g less

npm install -g less

安装成功后就可以使用 lessc编译less文件了
eg:
lessc example.less example.css


三、使用方法

    下载LESSCSS的.js文件,例如lesscss-1.4.0.min.js。
    在页面中引入.less文件
    <link rel="stylesheet/less" href="example.less" />
    需要注意rel属性的值是stylesheet/less,而不是stylesheet。
    引入第1步下载的.js文件
    <script src="lesscss-1.4.0.min.js"></script>
需要特别注意的是,由于浏览器端使用时是使用ajax来拉取.less文件,因此直接在本机文件系统打开(即地址是file://开头)或者是有跨域的情况下会拉取不到.less文件,导致样式无法生效。

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