Vue iview webpack如何简单处理使其兼容IE浏览器？

本文共计1327个文字，预计阅读时间需要6分钟。

环境介绍：- Vue: ^2.5.2- iView: ^3.1.0- Webpack: ^3.8.1前提示：IE浏览器不支持ES6 Promise的语法。IE8及以下版本对HTML5标签不兼容（可通过引入5shiv包解决）。不处理IE11的更低版本。

环境介绍：

• vue: ^2.5.2
• iview: ^3.1.0
• Webpack: ^3.8.1

前情提要：

• ie 浏览器不支持 ES6 Promise 的语法。
• ie8 及以下对 html5 标签不兼容（可以通过引入html5shiv包解决，本文不处理IE11的更低版本，故不提及此法）。
• ie9 以下 对 CSS3 的不兼容，各种不兼容的细节比较多，这里不说明。
• ie10 及以下浏览器中不支持 dataset 方法（经学习实践发现ie11也是不支持的），而我在项目中使用了 iview, iview 的一些组件用到了这个方法。
• ie 浏览器是非 webkit 内核，不支持 display: -webkit-box; 和相关样式；
• Polyfill 是 shim 的一种，但他的 API 是遵循标准的。polyfill 的做法通常是：先检查浏览器是否支持某个标准 API,如果不支持,就使用旧的技术对浏览器做兼容处理,这样就可以在旧的浏览器上使用新的标准 API。