ES6 環境構築

インストール

$ npm i webpack babel-core babel-loader babel-preset-es2015 babel-polyfill -D
$ npm i babel-cli -D

babel の設定ファイルを追加

$ echo '{ "presets": ["es2015"] }' > .babelrc

webpack の設定ファイルを追加

// webpack.config.js

module.exports = {
    entry: './src/app.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
        }]
    }
};

サンプルコード

$ mkdir src
$ touch src/app.js src/myClass.js
// src/myClass.js

class MyClass {
  hello() {
  console.log(`Hello.`);
  }
}

module.exports = MyClass;
// src/app.js

require("babel-polyfill");
const MyClass = require('./myClass.js');

const myClass = new MyClass();
myClass.hello();

変更を検知してビルド

$ webpack -w

実行

$ node dist/bundle.js

参考