title: Vue.js not loading on IE11 with error 'Symbol' is undefined
body: <p>Using <a href="https://www.npmjs.com/package/vue" rel="nofollow noreferrer">Vue.js</a> on my webapp work on most browsers, except IE11. I tried the default <a href="https://www.npmjs.com/package/babel-preset-es2015" rel="nofollow noreferrer">babel-preset-es2015</a>, also tried the <a href="https://www.npmjs.com/package/babel-preset-es2015-ie" rel="nofollow noreferrer">babel-preset-es2015-ie</a>, but no luck: the code still not running on IE11 with <strong><em>'Symbol' is undefined</em></strong> error.</p>
  
  <p><strong>.babelrc</strong></p>
  
  <pre><code>{
    "presets": ["es2015"]  &lt;&lt; also tried es2015-ie
  }
  </code></pre>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>  "scripts": {
      "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 3000 --host 0.0.0.0",
      "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
    },
    "dependencies": {
      "bootstrap-loader": "^1.3.2",
      "jquery": "^3.1.1",
      "less": "^2.7.1",
      "less-loader": "^2.2.3",
      "vue": "^2.1.6"
    },
    "devDependencies": {
      "babel-core": "^6.20.0",
      "babel-loader": "^6.2.10",
      "babel-preset-es2015": "^6.18.0",
      "bootstrap-sass": "^3.3.7",
      "cross-env": "^1.0.6",
      "css-loader": "^0.23.1",
      "exports-loader": "^0.6.3",
      "extract-text-webpack-plugin": "^1.0.1",
      "file-loader": "^0.8.5",
      "imports-loader": "^0.7.0",
      "json-loader": "^0.5.4",
      "node-sass": "^4.0.0",
      "resolve-url-loader": "^1.6.1",
      "sass-loader": "^4.1.0",
      "style-loader": "^0.13.1",
      "url-loader": "^0.5.7",
      "vue-loader": "^9.8.0",
      "webpack": "^1.14.0",
      "webpack-dev-server": "^1.16.2"
    }
  </code></pre>