必要なパッケージをインストールコンパイルのための設定を書いていくGulpのタスクを用意webpackの設定bowerのパッケージをインストールしてrequireしてみる簡単なサンプルを作成まとめ更新履歴2015.06.15突然ですが、最近Gruntやgulpなどのタスクランナー無しでの開発がもの凄く億劫になってきています。JSのminifyやSassのコンパイル、画像の圧縮やブラウザのライブリロードなど、サイトのクオリティを少しでも高めながら、効率的に開発を進めるためにやりたいこと、やらなければいけないことが沢山あります。個々のタスクをわざわざ手作業で行うのは面倒、そこは機械に自動的にやってもらうべき場所で、人間が頭を使わなくてはいけないのはもっと別のところにあると思っています。タスクランナーやその周辺のツールは便利な半面、それなりに学習コストがかかりますよね。僕はかなり物覚えが悪いので、ちょっと前にやったことをすぐ忘れます。今回タイトルにあるgulp+webpack+bowerな構成でcoffee-script開発を始めるためにやることを書いておきたいと思います。前提Node.js、gulpが使える状態という前提で以下を進めていきたいと思います。作業環境はMacです。それぞれインストールは下記が参考になりそうです。Qiita5分で終了。