title: Unexpected token import(ReactJS & Babel)
body: <p>When I try to run my application, I get following error: 
  <code>(function (exports, require, module, __filename, __dirname) { import { Row } from '../grid'
  SyntaxError: Unexpected token import</code></p>
  
  <p>I tried a couple of stackoverflow answers that suggested I install <code>babel-plugin-transform-es2015-modules-commonjs babel-plugin-transform-class-properties babel-preset-es2015</code></p>
  
  <p>then configure my <code>babel-rc</code> file as such:</p>
  
  <pre><code>{
    "presets": ["env", "es2015", "react", "stage-2"],
    "plugins": [
      ["transform-es2015-modules-commonjs"],
      ["transform-class-properties"],
      [
        "import",
        { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }
      ]
    ]
  }
  </code></pre>
  
  <p>But none of these has worked.</p>
  
  <p>Here is the snippet of my webpack.config.js that should configure <code>babel-loader</code> to transpile <code>.jsx|.js</code></p>
  
  <pre><code>module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: ['babel-loader']
  }
  </code></pre>