SASSファイルをSCSSファイルに一括変換する方法

概要

元々プロジェクトでは SASS 記法で書かれていたが、新卒の新規メンバーへの学習コストを抑える為に SCSS に変更することにした。

環境

多重階層に配置された SASS ファイルが 50 ファイルほどあった。

手順

sass-convert を確認

変換にはsass-convertが必用になる。
whichで確認してインストール済みなら問題ない。

which sass-convert
/usr/local/bin/sass-convert

インストールされていない場合は、下記コマンドで sass をインストールする。

gem install sass

コンバートする

sass-convertには以下のようなオプションがある。

オプション 説明
--from FORMAT 変換元: css, scss, sass
--to FORMAT 変換先: scss, sass
-R 再帰的に処理
--indent NUM インデントの space の数
ハードタブ指定はt

以下のように実行し、対象のフォルダ名を指定して SASS から SCSS に変換した。

sass-convert -R --from sass --to scss 対象フォルダ名

上記の指定だと直接対象フォルダに変換後のファイルが作成される為、比較して問題ないことを確認したあとは下記コマンドで変換前の SASS ファイルは削除した。

find -L 対象フォルダ名 -name "*.sass" | xargs rm

関連