vue-element-admin兼容IE解决

vue-element-admin兼容IE解决

  • 其实很简单在webpack的入口中使用babel/polyfill就行了。
    具体操作只需要这几步
  • 第一步:在项目根目录下安装babel-polyfill,
    项目根目录运行npm i babel-polyfill

  • 第二步:修改build下的webpack.base.conf.js
    把入口修改成以下这样,就是把babel-polyfill也打包进去,如图:

  • 第三步:重新打包,或者npm run dev就能在ie浏览器看到页面了。

  • 其实我想说的并不是这些,我想说的是,没加babel-polyfill和加了会有怎么样的影响。

    仅个人见解和想法。统一前提的情况下。

    • 经过本人的细心观察发现,当你添加了babel-polyfill你的webpack的打包速度会在本人电脑上慢很多,虽然这电脑是该退休了,但是也不应该这么慢啊,
      执行一次npm run dev之后用了babel-polyfill将近需要5分钟。我滴个乖乖。没用之前很快完全不需要5分钟,2分钟可能都不到。

    来年换电脑。

    • 其实你们知道的vue的首屏渲染总是比较慢,原因有很多种,这里我对比了一下使用了babel-polyfill之后这个首屏渲染的时间。
      有babel-polyfill

可以看到总耗时2242ms,脚本耗时1173ms也还行,2秒多一点还是可以接受。

  • 我们再看看没加babel-polyfill的结果会不会有很大的差异
    没有babel-polyfill

差了将近500ms左右
进过我多次的测试发现,用了babel-polyfill的首屏渲染大概在1900-2350ms之间,没用babel-polyfill大概在1500-1900之间,可见使用了babel-polyfill是会影响首屏渲染的时间,但是问题不是很大,只要总的渲染时间不超过5000ms都不会感觉很卡。

在此声明,此次试验的页面为登录页是基于vue-element-admin的登录页的修改,只是添加了验证码,二次请求的数量相比原项目就只增加了一个验证码的图片,
代码没有打包成正式版测试,是开发环境的测试。

  • 说明一点,为什么我会担心babel-polyfill影响性能,如果你们有接触过apicloud接触过它提供的apicloud-polyfill你就会有这个担心了,因为使用了apicloud-polyfill之后,真机调试真的是慢到了极致!!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 梦想是每个人内心的一种追求也是一种心灵寄托! 小时候我们总会有很多梦想,长大后我们却很难有梦想,小时候我们的梦...
    莫艺非凡也阅读 1,306评论 0 0
  • 武魅娘组合,不仅是古代穿越过来的四位美女,也是我们心仪女神的人设标配。更是颠覆了经纪人武大人生的一手好牌。那么你最...
    零点好信息阅读 4,536评论 0 1
  • 伏笔是为了遇见, 浓墨淡笔, 写下浩荡诗情, 等你一句赞美。 在那桃花散落, 十里飘香, 画幕早已不在空白。 惜缘...
    枫桥下的光阅读 1,274评论 0 4
  • 这间租房的唯一窗户旁是一面更衣镜。或许因为在被原主人购买后拉回家的过程里受了颠簸,镜子上有三道横贯或斜贯镜面的裂痕...
    半点正经阅读 2,087评论 0 0