title: import syntax not working with webpack
body: <p>I got <code>Illegal import declaration</code> error. when I tried to integrated a react js repo with webpack</p>
  
  <p>I migrated  the original source code  from <a href="https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js">https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js</a></p>
  
  <p>How could I fix <code>Illegal import declaration</code> error ?</p>
  
  <p>I think the <code>import</code> syntax only works in some js lib ?</p>
  
  <h1>Error</h1>
  
  <pre><code>ERROR in ./app/main.js
  Module build failed: Error: Parse Error: Line 2: Illegal import declaration
      at throwError (/Users/poc/sandbox/ha/node_modules/jsx-loader/node_modules/jstransform/node_modules/esprima-fb/esprima.js:2823:21)
  </code></pre>
  
  <h1>main.js</h1>
  
  <pre><code>var React = require('react');
  const EventCalendar = require('react-event-calendar');
  
  import moment from 'moment';
  import Row from 'react-bootstrap/lib/Row';
  import Col from 'react-bootstrap/lib/Col';
  import Button from 'react-bootstrap/lib/Button';
  import ButtonToolbar from 'react-bootstrap/lib/ButtonToolbar';
  import Popover from 'react-bootstrap/lib/PopOver';
  import Overlay from 'react-bootstrap/lib/Overlay';
  </code></pre>
  
  <h1>webpack.config.js</h1>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  
  var config = module.exports = {
    // the base path which will be used to resolve entry points
    context: __dirname,
    // the main entry point for our application's frontend JS
    entry: './app/main.js',
    output: {
      filename: 'main.js'
    },
  
    resolve: {
        extensions: ['', '.js', '.jsx', '.ts']
    },  
  
    module: {
      loaders: [
           {
            test: /\.jsx?$/, 
            exclude: /node_modules/, 
            loader: 'jsx-loader?insertPragma=React.DOM&amp;harmony' }
      ]
    }
  
  };
  </code></pre>