Sassはpreprosが使いやすい

2016.11.17 (木)

sassとcompassでコンパイルしてきたのですが、面倒なインストールや準備をしてなくてもいい統合ソフトのpreprosがいいみたいです。Preprosを使うならRubyやcompassの別途インストールは不要。
https://prepros.io/downloads
Mac、Windows、Linuxとだいたいの環境で使えるのでとてもいいですね。

基本的な使い方

preprosを開いて、左のメニューにxxx.scssをドラッグ&ドロップすればOKです。そのままxxx.scssをエディタで開いて編集し保存するタイミングで自動的にコンパイルされます。デフォルトでのコンパイル先は、xxx.scssと同じ階層です。同時にprepros.cfgというconfigファイルも自動的に生成されます。これは便利です。
prepros

コンパイル先を変更する

ウィンドウ上のxxx.scssをクリックすると右にSassというメニューが現れます。その中のOUTPUT PATHという項目があるのでクリックします。そこでコンパイル先を指定できます。私は、

/assets/css/xxx.css
/assets/scss/xxx.scss

とやりたいので、だいたいこのように設定しています。
以上で実際にやらないといけないことはほとんどありません。便利。


http://satohmsys.info/sass-compass-prepros/