サーバーサイドなLESSを試してみた

LESSのサーバーサイド版を試してみた。
インストールには比較的新しめのnodejs(v0.4.9だとだめだった)とnpmが必要。

$ git clone https://github.com/joyent/node.git
$ cd ./node
$ ./configure
$ make
$ make install

$ git clone https://github.com/isaacs/npm.git
$ cd ./npm
$ git submodule update --init --recursive
$ sudo make install

$ npm install less

これで準備完了。

サンプルからコピーしてきた.lessファイル

$ cat /tmp/styles.less 
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

#header { color: @light-blue; }

これをlesscすると

$ ~/.npm/less/1.2.2/package/bin/lessc /tmp/styles.less          
#header {
  color: #6c94be;
}

のように出力された。

LESSの使用で設計はだいぶ楽になると思った。上記の手順でピュアなCSSにすぐに戻せるので試す価値はありそう。