SASSファイルをSCSSファイルに一括変換する方法
2 min read
概要
元々プロジェクトでは 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