coffeescriptとsassの自動コンパイル、guard入れたら簡単だった

2年ぐらい放置していたhtmlとcssとjsのサイトをメンテナンスするために
coffeescriptとsassを使ってみようと思い自動コンパイルのこと調べたら簡単にいけた

guardを入れてinitするとGuardfileができる

gem install wdm
gem install guard
gem install guard-sass
guard init sass

Guardfile

guard 'sass', :input => 'sass', :output => 'css'

sassフォルダとcssフォルダ作って実行

guard

sassフォルダ内のファイルに変更があれば自動コンパイルしてcssフォルダ内のファイルに反映してくれる
同じようにguard-coffeescript入れて

gem install guard-coffeescript

Guardfileにcoffeescriptの設定追加して

guard 'sass', :input => 'sass', :output => 'css'
guard 'coffeescript', input: 'coffee', output: 'js', bare: true

coffeeフォルダとjsフォルダ作ってやるだけで、coffeescriptとsassを自動コンパイルしてくれる