Webpack の bable の設定で `const { value, ...inputProps } = input` みたいな Rest Properties を使えるようにするメモ

よびかたがよくわからないんだけどこんなやつ

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

設定を追加しないとビルドで失敗する

やり方

webpack まわりは省く（動いている前提）

ライブラリインストール

$ npm install -D babel-preset-stage-2

webpack の設定

presets に stage-2 を追加

例

module: {
  loaders: [
    {
      test: /\.js?$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: {
        presets:[ 'es2015', 'react', 'stage-2' ]
      }
    }
  ]
}

参考

• Object rest spread transform · Babel
• Using the ES7 Spread Operator with Webpack