vue中兼容IE瀏覽器使用 babel-polyfill

目前Vue2.0開發以經不支持IE8和IE8一下的版本了。在項目裏面我們要想在IE瀏覽器裏面打開項目,需求使用babel-polyfill工具,這個是專門用來轉碼的。
Babel是一個廣泛使用的轉碼器,可以將ES6代碼轉爲ES5代碼,從而可以在現有環境執行,所以我們可以用ES6編寫,而不用考慮環境支持的問題。

有些瀏覽器版本的發佈早於ES6的定稿和發佈,因此如果在編程中使用了ES6的新特性,而瀏覽器沒有更新版本,或者新版本中沒有對ES6的特性進行兼容,那麼瀏覽器就會無法識別ES6代碼,例如IE9根本看不懂代碼寫的let和const是什麼東西?只能選擇報錯,這就是瀏覽器對ES6的兼容性問題;

爲了完整使用 ES6 的 API ,我們可以使用 babel-polyfill 這個插件:

1,安裝babel-polyfill 這個插件

 npm install --save-dev babel-polyfill

2,在main.js裏面引入

// 360 瀏覽器兼容問題
import 'babel-polyfill'

3,在webpack.base.conf裏面修改entry

 entry: {
    app:['babel-polyfill','./src/main.js']   
  },

4,重新啓動項目運行。

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