今天接了甲方爸爸一个需求,要兼容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'];

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

------------------2020.6.22更新
如果用到了第三方插件,即用到了 ‘babel-loader’解析的地方,也需要进行配置:

posted on 2020-06-10 21:29  爱IT的小狐狸  阅读(1801)  评论(0编辑  收藏  举报