Sass
Compass

Compass(sass)のコンパイルが遅くて困る場合

More than 1 year has passed since last update.

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の方に移してコンパイルする。