sass の sourcemap を用意すると、Chrome の developer tools を使ったときに scss ファイルでスタイルの inspect ができるようになるので、非常に便利。詳細はSass ファイルでの記述位置を知るより美しい方法｜ Blog ｜ Skyward Designなどを参照。
ということで、compass で sass の sourcemap を生成したい。いろいろ試してみたのですが、とりあえずうまくいった手順が下記のような感じ。まずはインストール。preview 版なのでインストール後に問題起こるかもしれません。
gem install sass --pre
gem install compass-sourcemaps --pre
そして、config.rb に下記を追加。
sass_options = { :sourcemap => true }
これで compass —compile を実行したら、css_dir の同じ場所に css.map ファイルができるようになりました。
本当はgrunt-contrib-compassのタスクで sourmap を作成したかったのですが、compass-sourcemaps の compass では、options.time が有効になっている場合に sourcemap を作成するとエラーになってしまう（grunt-contrib-compass のタスクの中で compass clean の実行ではない場合は options.time を有効にするようになっている）。ので、そのうち…
あと sass —pre と compass —pre の組み合わせも試してみましたが、試した時点では、compass compile も、sass —compass もどちらも source map を作成できませんでした。sass —compass の方は、compass の require に失敗して「Could not find compass」みたいなエラーが発生しました。時が経てば使えるようになるかも。
というメモ。