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'); });
就这么简单,无需更多解释。