web制作

Gruntを使ってsassをコンパイル→圧縮する流れのメモ

grunt

Gruntと使い、sassを編集→保存した際に自動で行う処理のメモ

  • sassをコンパイル、cssを作成(上書き)
  • 作成(上書き)されたcssを圧縮

この作業に使うGtunt関連で必要なものとインストールコマンド
※Rubyやcompass、Node.jsはすでに準備済の場合

  1. npm install grunt –save-dev
  2. npm install grunt-contrib-watch –save-dev
  3. npm install grunt-contrib-cssmin –save-dev
  4. npm install grunt-contrib-compass –save-dev

上記インストール後、設定ファイル書き換えGrunt.js等