Sea.js 手册与文档


目录


LESS 插件

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');
});

就这么简单,无需更多解释。

在线演示:Coffee and LESS in SeaJS