Vue2+Webpack+ES6 兼容低版本浏览器（IE）

Vue2+Webpack+ES6 兼容低版本浏览器（IE）

1.解决方式：安装 “babel-polyfill”

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

1.2在入口main.js文件引入：import ‘babel-polyfill’

1.3在build文件夹下找到webpack.base.conf.js.修改入口方式：

    entry: {

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

       }

2.依赖一个插件解决ES6/ES7高级语法兼容

2.1 npm install --save-dev babel-preset-es2015-ie

2.2 如果根目录下缺少文件.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"]

}

}

}