今回は、Gruntを使ってSassをコンパイルしてみます。Gruntのインストールについては、こちらの記事で紹介してくれてるのこちらをご覧ください。Sassの記法には、SCSS記法とSASS記法の2種類がありますが、今回はSCSS記法のみ対応になります。 ※Sass・Compassはインストールされているものとします。 Gruntで処理したいこと Gruntには、SassとCompassをコンパイルする以外にも様々な便利機能があります。 今回、下記の機能も使ってみたいと思います。 Sassファイルをコンパイルする livereloadでSassファイルが更新されたらブラウザをリロードさせる バラバラに記述されたメディアクエリをまとめる CSSのプロパティの順番を揃える フォルダ構成 フォルダ構成については下記の通りです。 project ├css (CSSの出力先) ├sass │└sty
![Gruntを使ってSass(SCSS) / Compassをコンパイルしてみる | MONSTER DIVE](https://cdn-ak-scissors.b.st-hatena.com/image/square/03306352b721cb8f93ae21d192a1cb1702869a6a/height=288;version=1;width=512/https%3A%2F%2Fwww.monster-dive.com%2Fshare%2Fimg%2Fog_img.png)