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