webpack babel-loaderを使ってES6でWebを書く

2015-11-21 babel presetsに合わせて更新 そろそろ ES6 で書きたいので環境メモを残しておきます。 はじめに このエントリでは Node.js を使用してフロントエンドで ECMAScript 6th を書くことを目的にしています。 その際に babel を使います。 babel は grunt, gulp, browserify など多くのプラグインが提供されていますが、ここでは grunt を使っていきます。 以前は RequireJS でモジュール書いて r.js (1ファイルにまとめるやつ) でコンパイル(minify) てやってたのですが、 今回 webpack と babel-loader を使った ES6 環境で進めようと思います。 インストール Node.js はすでにインストール済み前提とします。 まず適当なところにディレクトリを作って移動して n