1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?