1 @importの仕方を変える
@import compass
として、全体を読み込むのではなく
@import compass/css3/inline-block
のように使うmixinに絞り込んで@importする
ちなみにsassy-buttonsなど、さらに外部のブラグインを読み込んだ場合は、
その_sassy-button.sassの中で
@import "compass/css3/border-radius"
@import "compass/css3/box-shadow"
@import "compass/css3/text-shadow"
@import "compass/css3/images"
@import "compass/css3/opacity"
このようにいっぱい読み込んでいるので、これはしょうがない。。
2 小さいファイルに切り分ける
メインのスタイルファイルが
style.sassで、そこからstyle.cssを生成してるとしたら、
style.sassにサイト全体のスタイルを書き込んでいけば、
当然毎回それをコンパイルするわけなので、
どんどんコンパイル時間は長くなってしまう。
そこで、
全体のstyle.sassとは別に
新しいスタイルをテスト・構築・試行錯誤する用の
scratch.sass
を作り、そこで短いコードで試してみる。
そうすることで毎回ほとんど変わりのない全体スタイルシートをコンパイルすることからは
逃れられる。
満足するスタイルができたら、style.sassの方に移してコンパイルする。