title: Syntax error from spread attribute
body: <p>I am using yeoman generator <a href="https://github.com/newtriks/generator-react-webpack" rel="nofollow">react-webpack</a>. I am trying to use spread attributes in the Main.js component:</p>
  
  <pre><code>require('normalize.css');
  require('styles/App.css');
  
  import React from 'react';
  
  var FixedDataTable = require('fixed-data-table');
  
  const TextCell = ({rowIndex, data, col, ...props}) =&gt; (
    &lt;Cell {...props}&gt;
      {data.getObjectAt(rowIndex)[col]}
    &lt;/Cell&gt;
  );
  
  let yeomanImage = require('../images/yeoman.png');
  
  class AppComponent extends React.Component {
    render() {
      return (
        &lt;div className="index"&gt;
          &lt;img src={yeomanImage} alt="Yeoman Generator" /&gt;
          &lt;div className="notice"&gt;Please edit &lt;code&gt;src/components/Main.js&lt;/code&gt; to get started!&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  AppComponent.defaultProps = {
  };
  
  export default AppComponent;
  </code></pre>
  
  <p>I keep getting this error:</p>
  
  <p>ERROR in ./src/components/Main.js
  Module build failed: SyntaxError: C:/dev/react/reactwebpack/src/components/Main.js: Unexpected token (8:41)</p>
  
  <pre><code>let yeomanImage = require('../images/yeoman.png');
  const ImageCell = ({rowIndex, data, col, ...props}) =&gt; (
  &lt;ExampleImage src={data.getObjectAt(rowIndex)[col]}/&gt;);
  
  at Parser.pp.raise (C:\dev\react\react-webpack\node_modules\babylon\index.js:1378:13)
  </code></pre>
  
  <p>What am I missing in the webpack or babel configs? (The config files are the same as the generator's).</p>