copy_people copy_things copy_matter copy_heart copy_txt ttl_topics ico_blank ico_facebook ico_twitter ico_hatebu ico_index

2019/05/29

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

Written by Masayuki Yamada

  • SASS

INDEX

    昔書いた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などももちろん可能です。
    面倒くさがって移行していなかった方は是非活用してみてください!

    CONTACT

    お仕事のご相談や、弊社についてのご質問や
    ご要望など、お気軽にお問い合わせください。

    View