title: react with IE11 is not working, displaying blank screen
body: <p>when trying to load application in IE11 it just shows blank screen and errors with syntax error</p>
  
  <p>on this line</p>
  
  <p><code>class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {</code></p>
  
  <p><a href="https://i.stack.imgur.com/dD48t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dD48t.png" alt="ie11 error"></a></p>
  
  <p>my package.json</p>
  
  <pre><code>{
    "name": "ccp-react",
    "version": "1.0.0",
    "license": "MIT",
    "scripts": {
      "start": "webpack-dev-server",
      "build": "webpack"
    },
    "private": true,
    "dependencies": {
      "babel-plugin-lodash": "^3.3.2",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-react-optimize": "^1.0.1",
      "babel-preset-stage-1": "^6.24.1",
      "bootstrap": "^3.3.7",
      "classnames": "^2.2.5",
      "create-react-class": "^15.6.2",
      "cross-env": "^5.1.3",
      "gulp": "^3.9.1",
      "hammerjs": "^2.0.8",
      "lodash": "^4.17.4",
      "ng": "0.0.0-rc6",
      "ng-cli": "^0.7.0",
      "react": "^16.2.0",
      "react-dom": "^16.2.0",
      "react-icons-kit": "^1.0.7",
      "react-redux": "^5.0.6",
      "react-router": "^4.2.0",
      "react-router-dom": "^4.2.2",
      "react-side-bar": "^0.3.5",
      "react-sidenav": "^2.1.2",
      "redux": "^3.7.2",
      "rxjs": "^5.5.6",
      "systemjs": "^0.20.19",
      "web-animations-js": "^2.3.1",
      "zone.js": "^0.8.19"
    },
    "devDependencies": {
      "@types/jasmine": "~2.5.53",
      "@types/jasminewd2": "~2.0.2",
      "@types/node": "^6.0.95",
      "babel-core": "^6.26.0",
      "babel-loader": "^7.1.2",
      "babel-preset-react": "^6.24.1",
      "core-js": "^2.5.3",
      "css-loader": "^0.28.8",
      "extract-text-webpack-plugin": "^3.0.2",
      "html-webpack-plugin": "^2.30.1",
      "jasmine-core": "~2.6.2",
      "jasmine-spec-reporter": "~4.1.0",
      "karma": "~1.7.0",
      "karma-chrome-launcher": "~2.1.1",
      "karma-cli": "~1.0.1",
      "karma-coverage-istanbul-reporter": "^1.3.3",
      "karma-jasmine": "^1.1.1",
      "karma-jasmine-html-reporter": "^0.2.2",
      "node-sass": "^4.7.2",
      "protractor": "~5.1.2",
      "sass-loader": "^6.0.6",
      "style-loader": "^0.19.1",
      "ts-node": "~3.2.0",
      "tslint": "~5.7.0",
      "typescript": "~2.4.2",
      "webpack": "^3.10.0",
      "webpack-bundle-analyzer": "^2.8.2",
      "webpack-dev-server": "^2.9.7"
    }
  }
  </code></pre>
  
  <p>I have the following imports in my <code>index.js</code> file</p>
  
  <pre><code>import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import 'core-js/fn/promise';
  </code></pre>
  
  <p>my webpack is set up as </p>
  
  <pre><code>var HTMLWebpackPlugin = require('html-webpack-plugin');
  var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
      template: __dirname + '/app/index.html',
      filename: 'index.html',
      inject: 'body'
  });
  
  const ExtractTextPlugin = require("extract-text-webpack-plugin");
  
  const extractSass = new ExtractTextPlugin({
      filename: "[name].[contenthash].css",
      disable: process.env.NODE_ENV === "development"
  });
  
  module.exports = {
      entry : __dirname + '/app/index.js',
      module: {
           rules: [
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  use: {
                      loader: 'babel-loader'
                  }
              } ,
              {
                  test: /\.scss$/,
                  use: [{
                      loader: "style-loader"
                  }, {
                      loader: "css-loader"
                  }, {
                      loader: "sass-loader",
                  }]
              }
          ],
      },
      output: {
          filename: 'transformed.js',
          path: __dirname + '/docs'
      },
      plugins: [
          HTMLWebpackPluginConfig,
          extractSass,
          new ExtractTextPlugin("styles.css")
      ]
  }
  </code></pre>