[Middleman 3] Middleman: プロジェクトファイルを SASS, Haml 変換し設定する

middleman v.4.0 のリリースが近づいているようなので、これまで触って得たナレッジをまとめておきたいシリーズ。

% middleman version
Middleman 3.4.0

SASS へのファイル変換

CSS は SASS 記法を利用したいので sass-convert します。

% sass-convert --from css --to sass source/stylesheets/all.css source/stylesheets/all.css.sass

Haml へのファイル変換と設定

おなじく HTML は Haml を利用したいので html2haml します。

% html2haml -e source/index.html.erb source/index.html.haml

さらに出力される HTML 内の quote を double quote に変更したいので、config.rb に設定を加えます。

config.rb
###
# Haml
###
# Double-quotes!
set :haml, { attr_wrapper: "\"" }