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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章