部分转载自http://www.bootcss.com/p/lesscss/
在客户端使用
引入你的 .less
样式文件的时候要设置 rel
属性值为 “stylesheet/less
”:
<link rel="stylesheet/less" type="text/css" href="styles.less">
然后点击页面顶部download按钮下载 less.js
, 在<head>
中引入:
<script src="less.js" type="text/javascript"></script>
注意你的less样式文件一定要在引入less.js前先引入。
备注:请在服务器环境下使用!本地直接打开可能会报错!
在服务器端使用
安装
在服务器端安装 LESS 的最简单方式就是通过 npm(node 的包管理器), 像这样:
npm install -g less
在命令行中使用
一旦安装完成,就可以在命令行中调用,例如:
lessc styles.less
这样的话编译后的CSS将会输出到stdout中,你可以选择将这个输出重定向到文件中:
lessc styles.less > styles.css
直接运行lessc,不带任何参数将可以看到所有的命令行参数
可以使用koala编译,请参考https://github.com/oklai/koala/wiki