美文网首页
vue-element-admin兼容IE解决

vue-element-admin兼容IE解决

作者: 老王brave | 来源:发表于2019-01-20 14:02 被阅读0次

    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之后,真机调试真的是慢到了极致!!

    相关文章

      网友评论

          本文标题:vue-element-admin兼容IE解决

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