Ant Design Vue 兼容 IE9 !!!

我大IE ( ̄^ ̄)

IE浏览器进入淘汰倒计时,微软安全专家呼吁用户放弃!

IE9 无polyfill

以下是我写的一个没有引入polyfill的简单demo在IE9上的表现,测试环境是IE11修改文档模式的IE9。
“Set”未定义
控制台可能会报以下错误:

* Module not found: Error: Can't resolve 'core-js/modules/es.function.name'

IE9 polyfill

以下是我引入polyfill后的表现,测试了一些常用的组件,表现还是挺好的。除了那个可有可无的Spin,这里平稳退化成这孬样了。
在这里插入图片描述

应用场景

由于工作需要,相信会有一部分人需要让自己的项目兼容 IE9,这听起来有点惨无人道,但是通过配置 Babel 可以很简单的实现这一需求。不说废话,接下来直接上代码。

main.js

在这里插入图片描述

package.json

在这里插入图片描述

babel.config

在这里插入图片描述

.browserslistrc

> 1%
last 2 versions

这里的浏览器列表配置,我这里延用了Vue Cli的默认配置,大家可以通过 该网站 查询匹配后的结果。

实现原理

这里为了划重点直接上图片了,按照图片上的配置可以解决IE9的兼容问题。
可能是babel的版本升级又或是其他的原因,导致我按照之前的兼容方式会报错。Babel官网 的指南各种稀奇古怪的转跳,让人找不到规律,这里我也是一点一点的看文档啃了很久才试出来的。想要更深入的了解配置项,可以查看 Babel官网 ,这才是最好的能解决你的问题的根源之处。

更新于2020-03-05 22:33

回复评论不了,给自己回复也不行。 Git地址

猜你喜欢

转载自blog.csdn.net/dizuncainiao/article/details/102746582