webpack + Babel で ES6(ECMAScript 2015)をトランスパイルしてブラウザで動くまでをまとめる。 以降を記載する。 サンプルが動くまで サンプルが動くまでの手順 説明 上記の手順の説明 サンプルが動くまで ブラウザに「Hello World !」とポップアップが出るサンプルを作成する。 前提 $ npm -v 4.0.2 プロジェクトの作成 $ mkdir es6-sample $ cd es6-sample $ npm init -y $ npm install --save-dev \ webpack \ babel-cli \ babel-core \ babel-preset-env \ babel-preset-es2015 \ babel-polyfill \ babel-loader \ webpack-dev-server $ mkdir sr