概要

元々プロジェクトでは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

関連