Compass環境の構築

CompassはSassがベースのフレームワークです。
利用するにはRubyが必要ですが、涙が出るほど便利過ぎるなので、CSSを扱うプロジェクト積極的に活用していきましょう。

Rubyのインストール

Compassを使うには、Rubyが必要ですのでインストールします。
rbenv + ruby-buildを使ってインストールすることをオススメします。

Macであれば、Rubyは標準でインストールされています。
このまま標準のRubyを用いてもいいですし、rbenvを使って最新のパッチレベルのものをインストールしてもいいでしょう。

bundlerのインストール

そのまま gem install compassしてしまうと、globalな環境にgemがインストールされてしまいます。
プロジェクトで使うgemはプロジェクト環境で閉じているのが望ましいので、パッケージ管理ツールであるbundlerをインストールし、個別のgemはbundlerで管理するようにします。

gem install bundler

rbenv環境ではなくsystem環境のRubyの場合は、sudo が必要かもしれません。

Gemfileの生成とCompassの追加

bundlerで管理するgemファイルは、Gemfileに記述します。
Gemfileは1から記述してもいいのですが、以下のコマンドでも雛形が生成できます。

cd PROJECT_DIR
bundle init

GemfileにCompassを追加します。

echo 'gem "compass", "~> 0.12.2"' >> Gemfile

出来上がったGemfileはこんな感じ。

# A sample Gemfile
source "https://rubygems.org"

# gem "rails"
gem "compass", "~> 0.12.2"

Compassのインストール

bundle installでGemfileに記述したパッケージをインストールします。
--pathを指定することで、vendor/bundle 以下にgemがインストールされます。

bundle install --path vendor/bundle

Compassの利用

後は、bundle execでcompassを実行するだけです。
実際の細かい使い方は本家を参照しましょう。

使い方を見るには、シンプルに。

bundle exec compass

いちいちbundle execを付けたくない場合は、インストール時に--binstubsを付けます。

bundle install --binstubs --path vendor/bundle

そうすることでカレントフォルダにbin/compassが生成されますので、PATHを通すなりなんなりで直接compassコマンドを叩けるようになります。