我大IE ( ̄^ ̄)
IE浏览器进入淘汰倒计时,微软安全专家呼吁用户放弃!
IE9 无polyfill
以下是我写的一个没有引入polyfill的简单demo在IE9上的表现,测试环境是IE11修改文档模式的
5.png
控制台可能会报以下错误:
4.gif
-
Module not found: Error: Can't resolve 'core-js/modules/es.function.name'
1
IE9 polyfill
以下是我引入polyfill后的表现,测试了一些常用的组件,表现还是挺好的。除了那个可有可无的Spin,这里平稳退化成这孬样了。
3.png
应用场景
由于工作需要,相信会有一部分人需要让自己的项目兼容 IE9,这听起来有点惨无人道,但是通过配置 Babel 可以很简单的实现这一需求。不说废话,接下来直接上代码。
main.js
2.png
package.json
1.png
babel.config
.browserslistrc
> 1%
last 2 versions
这里的浏览器列表配置,我这里延用了Vue Cli的默认配置,大家可以通过 该网站 查询匹配后的结果。
实现原理
这里为了划重点直接上图片了,按照图片上的配置可以解决IE9的兼容问题。
可能是babel的版本升级又或是其他的原因,导致我按照之前的兼容方式会报错。Babel官网 的指南各种稀奇古怪的转跳,让人找不到规律,这里我也是一点一点的看文档啃了很久才试出来的。想要更深入的了解配置项,可以查看 Babel官网 ,这才是最好的能解决你的问题的根源之处。
回复评论不了,给自己回复也不行。 Git地址
网友评论