美文网首页
09-Ant Design Vue 兼容 IE9 !

09-Ant Design Vue 兼容 IE9 !

作者: 我是来学习的2333 | 来源:发表于2020-04-02 14:19 被阅读0次

我大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地址

相关文章

  • 09-Ant Design Vue 兼容 IE9 !

    我大IE ( ̄^ ̄)IE浏览器进入淘汰倒计时,微软安全专家呼吁用户放弃! IE9 无polyfill以下是我写的一...

  • vue+axios+vue-router兼容ie9

    参考:Vue 兼容 ie9 的全面解决方案 前序 项目突然要求兼容ie9...可是用到的技术栈对ie9似乎不是很友...

  • vue-cli兼容ie9的兼容问题

    当vue遇见ie9的时候,部署到服务器之后,打开居然是一片空白,vue是支持ie9的,这个时候就需要来一波兼容了参...

  • vue ie9兼容

    要实现其实很简单,只需要我们下载一个babel-polyfill, npm install babel-polyf...

  • vue兼容ie9

    突然来的项目上的需求 我们的产品要在ie9上适用,于是 前端朋友们就非常头疼了 身为一个前端开发 估计最头疼的就是...

  • vue3.0 变化

    Proxy API vue2.X 中的 defineProperty API优点:兼容性好,支持 IE9缺点:Ob...

  • Vue Upload 兼容IE9

    el-upload 并不支持IE9环境, 于是自己简单封装了一个支持IE9的Upload组件(基于 Web Upl...

  • Vue 在IE9中兼容上传,安全提示"X-Frame-Opti

    截止写稿,已经Vue在2.6.9的版本中已经支持IE9,不在需要polyfills 说下问题 项目需要兼容到IE9...

  • 打造炫酷的progressbar(上限可大于100%)

    HTML + CSS + JS 原生实现, 兼容 Chrome, Firefox, IE9 及以上, 兼容 PC,...

  • IE9以下版本兼容h5标签方法

    主流浏览器Chrome、Firefox、Safari等能够兼容h5+c3,但是IE9以下完全不兼容,IE9也是部分...

网友评论

      本文标题:09-Ant Design Vue 兼容 IE9 !

      本文链接:https://www.haomeiwen.com/subject/xedxphtx.html