title: Node Webpack not recognizing "Import"
body: <p>So I'm new to Node and Webpack, and I'm having trouble getting my project to compile correctly. Every time I load it into the browser I get the error: <code>Uncaught SyntaxError: Unexpected token import</code>. Here's a copy of my webpack.config.js file:</p>
  
  <h2>webpack.config.js:</h2>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  var loaders = [
    {
      "test": /\.js?$/,
      "exclude": /node_modules/,
      "include": ["/js","/src", "/build"],
      "loader": "babel",
      "query": {
        "presets": [
          "es2015",
          "react",
          "stage-0"
        ],
        "plugins": []
      }
    }
  ];
  
  module.exports = {
    devtool: 'eval-source-map',
    entry: path.resolve('js', 'main.js'),
    output: {
      path: path.resolve('build'),
      filename: '[name].js',
      publicPath: '/'
    },
    plugins: [],
    module: {
      loaders: loaders
    }
  };
  </code></pre>
  
  <p>And here's a copy of my main.js file:</p>
  
  <h2>main.js</h2>
  
  <pre><code>import React from 'react';
  import {render} from 'react-dom';
  </code></pre>
  
  <p>And finally, here's a list of my installed node packages:</p>
  
  <ul>
  <li>babel-core</li>
  <li>babel-loader</li>
  <li>babel-preset-es2015</li>
  <li>babel-preset-react</li>
  <li>babel-preset-stage-0</li>
  <li>babelify</li>
  <li>react</li>
  <li>react-dom</li>
  <li>webpack</li>
  <li>webpack-dev-server</li>
  </ul>
  
  <p>Does anyone know what I'm doing wrong? Thanks for your help!</p>