使用 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 中使用 了！

 

 

转自https://blog.csdn.net/SmartJunTao/article/details/101451258