如果项目中没有babel-polyfill 先添加依赖
npm install --save babel-polyfill
或者
yarn add --save babel-polyfill
添加成功之后修改build文件下的webpack.base.conf.js文件下entry的配置为
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
修改完成如图所示

然后在index.html文件的head里面添加 (建议放在head里面靠前的位置 避免有其他不合规范的插入导致不生效)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。
本文介绍如何在项目中添加Babel-Polyfill依赖并配置Webpack,以确保兼容不同浏览器版本,包括IE系列。通过修改Webpack配置文件,将Babel-Polyfill加入到入口文件,同时在HTML头部添加元标签以优化IE浏览器的渲染效果。
477

被折叠的 条评论
为什么被折叠?



