Skip to content

Instantly share code, notes, and snippets.

@konitter
Last active December 13, 2015 22:18
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save konitter/4983070 to your computer and use it in GitHub Desktop.
Save konitter/4983070 to your computer and use it in GitHub Desktop.
Roole(v0.1.3)導入メモ

Roole(v0.1.3)導入メモ

第4のCSSプリプロセッサ「Roole」。
出始めより少しバージョンが上がってそれなりに使えるようになったので、導入メモ。

どんなことができるかは、公式ページ参照。
Roole

インストール

$ npm install roole -g

インストールできたら以下でバージョン確認。

$ roole -v
0.1.3

今なら0.1.3。

コンパイル

詳しくは、以下でヘルプ参照。

$ roole -h

ファイル指定なら、こう。
Sassライクにコンパイル元とコンパイル後の指定を:で繋ぐ。

$ roole hoge/style.roo:fuga/style.css

ディレクトリ指定で一括でいくなら、こう。
roo/配下の.rooを一括でcss/配下にコンパイル。

$ roole roo:css

複数のファイルをコンパイルして1つのファイルにまとめるってのは、(今のところ)できなさそう。
できるよって人は教えてください。

※現時点での最新バージョン(v0.2.1)ではコンパイルの記述方法が変わっており、上記の書き方では動作しません。各バージョンの詳細は-hオプションで確認してください。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment