More than 5 years have passed since last update.

Homebrewを使ってSassのコンパイルをやったので備忘録

Posted at 2019-07-09

xcode-select --install

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

↑ここまでは、記憶で書いているので、動かなかったら別の記事でご確認ください。多分動くはず。。。

brew search sass
libsass                                              sassc

ない。。

早いと噂のC++libSassを導入する。
sassの仕様に準拠しているらしいです。
コマンドラインから利用できるsasscを導入する。

brew install libsass
brew install sassc

which sassc
/usr/local/bin/sassc

sassc -v
sassc: 3.6.1
libsass: 3.6.1
sass2scss: 1.1.1
sass: 3.5

sample.sass

#main
  width: 600px;
  p
    margin: 0 0 1em;
    em
      color: #f00;

sample2.scss

scss
#main {
  width: 600px;
  p {
    margin: 0 0 1em;
    em {
      color: #f00;
    }
  }
}

sassc sample.sass sample.css
sassc sample2.scss sample2.css

問題なくコンパイルできた後に同じ階層に
sample.css,sample2.cssが作成されていればOKです。

見ていただき、ありがとうございました。

SASSはは拡張子が.sass
SCSSは拡張子が.scss
となるようですね。