memocarilog

既に CSS で書かれているファイルを SCSS 形式へ変換する方法のメモです。

ターミナルで変換する

ターミナルを開き以下のように入力し実行します。

sass-convert --to （scss 変換するcssファイルがあるフォルダのパス）/style.css （scssファイルを作成するフォルダのパス）/style.scss

例）ホームディレクトリにある sites というフォルダの css フォルダ内の css ファイルを scss 形式へ変換し sites フォルダ内に作っておいた scss フォルダへ保存する場合

ターミナルへ以下のようにコマンドを打ち込みます。

sass-convert --to scss /Users/ユーザ名/Sites/css/style.css /Users/ユーザ名/Sites/scss/scss.css

これでネスト化された scss ファイルが scss フォルダへ作られます。