生暖かく千葉ロッテマリーンズを見守るそんなblog

久しぶりの更新。

最近巷で話題のSassとCompassをそろそろ勉強しようかなと思い、当ブログでも導入することにしました。

Sassってなんぞやって方はこちらの記事を読むとわかりやすいです。

CSSの常識が変わる！「Compass」、基礎から応用まで！（株式会社LIG）

でその際に参考にしたのが、下の記事。

これからSassを始めたい人へ！導入手順をまとめてみた(株式会社LIG）

この記事の通り進めていったんですが、コンパイルツールの【Koala】さんがコンパイルエラーを吐きまくる事象に遭遇。色々調べて解決策がわかったのでメモしておきます。

You must compile individual stylesheets from the project directory.

コンパイルしようとすると【Koala】さんがこんなエラーを吐き出します。英語ちんぷんかんぷん。

‘config.rb’がないとダメらしい

色々調べてみるとどうも’config.rb’というファイルがないとダメらしいです。なんじゃそりゃと思ったら【Koala】さんの設定で作成可能な模様。

設定ファイルをさらにいじる！

無事作成されました！

ただこのままだとまだダメ。設定ファイルのパスを自分の環境へ合わせて変更しなきゃだめだそうで。

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "/"
sass_dir = "/"
images_dir = "/"
javascripts_dir = "javascripts"

5行目と6行目ですね。自分はすべて同じ階層で作成しているのでスラッシュオンリー。

これで無事にコンパイル完了！

ちなみにこの’config.rb’は他にもこんな設定を変更できるそうです。

Compassの設定ファイル「config.rb」の編集方法（株式会社LIG）

…

ってことで、これから徐々にsassを書いていきまっせ！

千葉ロッテマリーンズブログランキング

↑ブログ村ランキング参加中…　クリックよろしゅうm(_ _)m

タグ: compass, css, html, koala, sass