LESS 是一门动态样式语言。LESS 给 CSS 增加了变量、混合、计算和函数的动态功能。LESS 可以运作在客户端(IE 6+, Webkit, Firefox), 使用 Node.js 还可运行在服务端。
有了 SeaJS, 可以非常方便地使用 LESS 的语法来写样式代码。来看一个例子。
首先,通过 seajs.config 指定 LESS 编译器的路径,然后在
preload 里激活 less 插件:
seajs.config({
alias: {
'less': 'less/1.1.4/less'
},
preload: ['plugin-less']
});
接下来,写好 less 代码,使用 require 引入即可:
style.less:
@red: #f00;
@blue: #00f;
.red {
color: @red;
}
.blue {
color: @blue;
}
main.js:
define(function(require) {
require('./style.less');
});
就这么简单,无需更多解释。