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