ブログ

sass-convertでSassとSCSSを変換する

昔書いたSCSSをSassに変換したいけど、大量のファイルがあって面倒ください。。。
そうやってそのまま移行せずに放置してる人も多いのではないでしょうか。
今回は、そんな人のために簡単に変換できる方法をご紹介。

sass-convert

ブラウザ上で変換してくれるサービスもありますが、今回はsass-convertというものを使用していきます。

まずはsass-convertがインストールされていないか確認。

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

インストールされていなければ、

$ gem install sass-convert

でインストールするとsass-convertのコマンドが使用できるようになります。

オプション

オプションを使用して変換前と変換後の形式などを指定していきます。

-F 変換前のファイル形式を指定(css, scss, sass)
-T 変換後のファイル形式を指定(css, scss, sass)
-R 再帰的に処理

書き方としては、こんな感じ。

sass-convert -F 変換前の形式 -T 変換後の形式 変換したいファイルまたはディレクトリ 変換後のファイルまたはディレクトリ

で、それを実際に実行するとこんな感じ。

sass-convert -F scss -T sass src/scss/style.scss src/sass/style.sass

ディレクトリ内のファイルをまるごと変換したい場合は、オプション-Rを使用。

sass-convert -F scss -T sass src/scss src/sass -R

これだけで簡単にファイルが変換されます。
SCSSからSassだけでなく、SassからCSSやSCSSなどももちろん可能です。
面倒くさがって移行していなかった方は是非活用してみてください!