コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

http://ozpa-h4.com/2014/02/06/grunt-js-install/
http://gruntjs.com/

• ファイルの結合
• SassやLessといったメタ言語のコンパイル
• HTML、JS、CSSなどを圧縮
• CSS Spriteの生成
• LiveReload（ファイルを保存すると自動でブラウザ更新をしてくれる）

nodeいるのか。

Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
http://kojika17.com/2013/03/grunt.js-memo.html

• サーバーをたてる
• 構文チェック
• ファイルの結合
• 特定のフォルダ、ファイルの複製、削除
• メタ言語のコンパイル(Jade, CoffeeScript, TypeScript, Sass(Compass), Less, Stylusなど)
• HTML, JS, CSSなどをminify
• JS, CSSをgzipに圧縮
• CSS Spriteの自動生成
• 画像最適化
• LiveReload(ファイルを保存すると勝手にブラウザが更新される)
• スタイルガイドの生成

Node.js と grunt をインストールする
http://www.shirokuro331.net/cobalt/?p=745