title: React + Webpack - Illegal export declaration
body: <p>I'm pretty new to React and I'm experimenting with it using Webpack and ES6. I have written the below code which gives me an <code>illegal export declaration</code> error and I'm not entirely sure why... </p>
  
  <pre><code>class Header extends React.Component {
  
      render() {
  
          return (
              &lt;div id="header"&gt;
                  header
              &lt;/div&gt;
          )
  
      }
  
  }
  
  export default Header;
  </code></pre>
  
  <p>The error from the CLI is:</p>
  
  <pre><code>throw new Error('Error transforming ' + filename + ' to JS: ' + e.toStri
              ^
  Error: Error transforming /Users/leaky/Projects/CBP/public-api/docs/app/components/www/header/header.jsx to JS: Error: Parse Error: Line 13: Illegal export declaration
  </code></pre>
  
  <p>I have the babel loader configured in webpack like so:</p>
  
  <pre><code>{ test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/ },
  </code></pre>