webpack+babel環境でフロントエンドもES6開発 - Qiita

概要 昨今、JavaScriptコミュニティ界隈で騒がれているES6（ES2015）。クラスの導入など便利な機能が追加されてNode.jsでは既に導入されているというのに、フロントエンド環境（ブラウザ）上で利用できるようになるにはまだまだ先になりそうです。 そこで、フロントエンド環境でもES6を先取って開発する為の環境構築方法を記載します。 webpack + babel環境インストール ES6からブラウザが利用できるJavaScript(ES5)にコンパイル＝変換を行う為の環境を構築します。 今回はwebpackという依存性を解決するツールとBabelというJavaScriptコンパイラを利用します。 本記事はライブラリ管理ツールであるnpmを用いる為、Node.js環境を既に構築してある前提です。Node.js環境のインストール方法はこちら。 参考：nodebrew を用いた Node