CSS/Sass/自動的にCSSをビルドする

watchオプションをつけることで自動的にscssファイルが更新したらcssファイルをビルドしてくれるようになる。

$ sass --watch hoge.scss:hoge.css

このオプションはディレクトリにもつけることができるみたいで

$ sass --watch ./

このように書ける。

こうするとscssの拡張子をcssに変更したcssファイルが自動的に生成される

元ネタのディレクトリと生成先のディレクトリをずらしたいなら

$ sass --watch hoge/:piyo/

と書く。hogeディレクトリのscssファイルを変更するとその拡張子をcssに変えたものがpiyoディレクトリにビルドされる。

バージョン

2012-07-24

タグ