今天接了甲方爸爸一个需求,要兼容IE浏览器!记录如下 :

我使用 vue-cli 搭建的项目,chorm浏览器一切正常,但是IE浏览器却是一片空白,出现这种问题,是因为缺少 babel-polyfill 处理器的缘故;

1、安装 babel-polyfill
npm install babel-polyfill --save-dev
2、在main.js文件中引入babel-polyfill
import 'babel-polyfill'
3、在 webpack配置文件 webpack.base.config.js 中将entry中的app: './src/main.js'配置改为:app: ['babel-polyfill', './src/main.js'];
VUE项目兼容IE浏览器

--- 配置完之后重新打包刷新浏览器即可。

------------------2020.6.22更新
如果用到了第三方插件,即用到了 ‘babel-loader’解析的地方,也需要进行配置:
VUE项目兼容IE浏览器

相关文章:

  • 2021-10-09
  • 2021-05-15
  • 2020-05-08
  • 2021-08-27
  • 2021-09-01
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
猜你喜欢
  • 2021-04-24
  • 2022-12-23
  • 2022-12-23
  • 2019-10-23
  • 2023-03-31
相关资源
相似解决方案