使用 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