素人趣味のWeb制作ブログ

素人趣味でやってるWeb制作とかプログラミングとかそっち系の話題についてのブログです。

素人趣味でやってるWeb制作とかプログラミングとかそっち系の話題についてのブログです。

Compassでのローカル・本番環境の画像パス設定について

Compasss Scss

画像だけサブドメイン・別ドメインで運用したりするとき、例えばこんな場合、

images_path = './images'

↑の設定でローカル開発中に生成されたスタイルシートは本番環境で使うことができない。 かと言ってimages_pathに本番環境のURLを設定することはできない（image-width(),image-height()がエラーを起こす）ので、こういう場合は

images_path = './images'
http_images_path = 'http://pic.xxx.com'

とすると良い。 こうすればimage-width(),image-height()はローカルの画像を参照するしimage-url()は本番環境のURLを出力してくれる。

ローカル・本番環境の切り替えは

environment = :development

で行うか、コマンドで

compass compile -e development --force

とかする。