Vue2+Webpack+ES6 兼容低版本瀏覽器（IE9）解決方案

Vue2+Webpack+ES6 兼容低版本瀏覽器（IE9）解決方案

解決方式：安裝 "babel-polyfill" 便可。

命令：npm install --save-dev babel-polyfill    

在入口main.js文件引入：import 'babel-polyfill'

最後一步，在build文件夾下找到webpack.base.conf.js.修改入口方式：

entry: {
app: ["babel-polyfill", "./src/main.js"]
}

最後，再依賴一個插件解決ES6/ES7高級語法兼容
npm install --save-dev babel-preset-es2015-ie


若是根目錄下缺乏文件.babelrc，新建一個，以下：
{
  "presets": [

["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

 

原文：https://blog.csdn.net/winter__is__coming/article/details/79947361