[Vue.js] 使用 babel-polyfill 解决IE浏览器 正常使用

在 Vue 中我们会使用 axios 来存取 api ，但是 axios 会使用到 ES6 的 Promise ，所以 IE 会不支持，所以要用 babel-polyfill 来来将 ES6 的语法转成ES5。

另附地址ES6转ES5在线工具：https://www.babeljs.cn/repl

 

安装 babel-polyfill

因为 polyfill 要在编译你的代码之前执行，所以要安装成 dependency （生产环境）而不是 devDependency（开发环境）

npm install --save babel-polyfill #yarn add babel-polyfill

在 Webpack 中设定

开启 ./build/webpack.base.conf.js，在下面的 entry 中加入一行代码 polyfill: 'babel-polyfill'

entry: { app: './src/main.js', },

更改如下：

entry: ['babel-polyfill', './src/main.js'];

这样就可以在 IE 中使用 了！