一、简介:
Less是一种动态样式语言,可以在样式中使用变量,继承,运算,函数
二、使用
(1)客户端使用
1 //引入您的.less样式文件,rel属性区别去css为stylesheet/less2 3 //引入less.js4
(2)服务端使用
1 //使用npm安装less2 $ npm install -g less3 //或最新版本4 $ npm install -g less@latest5 //命令行使用lessc编译6 $ lessc index.less > index.css
(3)在node项目中调用less编译器
1 //自动调用 2 var less = require("less"); 3 less.render(".myClass {width : 1 +1; padding : 10}", function (err, css) { 4 console.log(css) 5 }) 6 7 //输出 8 .myClass { 9 width : 2;10 padding : 10 11 }12 13 //手动调用14 var parser = require("less.Parser");15 parser.parse(".myClass {width : 1+2}", function (err, tree) {16 if(err) {17 console.error(err); 18 } else {19 console.log(tree.toCss())20 }21 })
(4)使用Koala编译器()