踩坑Safari不兼容webpack封装的vue项目

Posted 2021-02-13 lipohong

刚完成 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 中打开项目。