title: unexpected token import during npm start in react
body: <p>I am learning react and created a mock up project but when I run the project I get the following error,my webpack.config.js file code is as follows,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>module.exports = {
    entry: './client.js',
    output: {
      filename: 'bundle.js',
      path: 'public'
    },
    module: {
      loaders: [{
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react']
        }
      }]
    }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>my package.json file,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "name": "universal-react",
    "version": "0.0.0",
    "description": "Universal React web application.",
    "scripts": {
      "start": "webpack &amp;&amp; node server.js",
      "dev": "npm-run-all --parallel watch:*",
      "watch:webpack": "webpack -w",
      "watch:server": "nodemon --ext js,jsx --ignore public/ server.js"
    },
    "main": "server.js",
    "keywords": [
      "universal",
      "react"
    ],
    "dependencies": {
      "babel-core": "^6.9.0",
      "babel-loader": "^6.2.4",
      "babel-preset-react": "^6.5.0",
      "babel-register": "^6.9.0",
      "express": "^4.13.4",
      "marked": "^0.3.6",
      "react": "^15.0.2",
      "react-dom": "^15.0.2",
      "react-redux": "^4.4.6",
      "react-router": "^2.8.1",
      "redux": "^3.6.0",
      "webpack": "^1.13.1"
    },
    "devDependencies": {
      "nodemon": "^1.11.0",
      "npm-run-all": "^3.1.2"
    }
  }</code></pre>
  </div>
  </div>
  
  error message is as follows,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/home/user/Documents/test/src/routes/index.js:1
  (function (exports, require, module, __filename, __dirname) { import React from 'react';
                                                                ^^^^^^
  SyntaxError: Unexpected token import
      at Object.exports.runInThisContext (vm.js:76:16)
      at Module._compile (module.js:542:28)
      at loader (/home/user/Documents/src/node_modules/babel-register/lib/node.js:144:5)</code></pre>
  </div>
  </div>
  </p>
  
  <p>Could anyone suggest me where i am wrong?</p>