【踩坑】Safari不兼容webpack封裝的vue項目

剛完成 Iblog 博客項目，在 chrome 瀏覽器調試完後，用 Safari 打開網站，頁面一直停留在加載狀態。

後來網上說這是 Safari 不支持 ES6 所致。

通過搜索，在 github 上有人遇到並解決了這個問題： 

vue-router + webpack dose work on Safari

• 引入 babel-polyfill 和 whatwg-fetch 模塊：

npm install babel-polyfill  whatwg-fetch --save-dev 

• 而後在 webpack 項目 config 目錄下的 index.js 文件中加入：

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

從新構建項目，成功在 Safari 中打開項目。