Guard で jade を自動ビルドする方法

jade 使い始めた。CoffeeScript 同様に Guard で更新ある場合は自動ビルドされる方が効率が良いので設定した。今回は Guard など入っていないまっさらな状態からの設定の説明になるため済んでいる箇所は飛ばしてください。

ディレクトリ構成

今回、jade はローカルに入れます。

[cc lang=”bash” width=”100%” height=”auto” line_numbers=”true” theme=”blackboard” nowrap=”false”]
jadetest
├ Guardfile
├ jade
| └ hoge.jade
└ node_modules (jade 入れると自動で生成される)
[/cc]

必要なものをインストール

[cc lang=”bash” width=”100%” height=”auto” line_numbers=”true” theme=”blackboard” nowrap=”false”]
$ npm install jade
$ gem install guard
$ gem install guard-shell
[/cc]

Guardfile を用意

ディレクトリ node_modules の配下は対象外にしています。

[cc lang=”bash” width=”100%” height=”auto” line_numbers=”true” theme=”blackboard” nowrap=”false”]
guard ‘shell’ do
watch(/(^(?!node_modules).*\.jade$)/) {|m| node node_modules/jade/bin/jade #{m[1]} }
end
[/cc]
カテゴリー:
Loading Facebook Comments ...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です