Vue2+VueRouter3+Webpack3.6+Axios项目实战----兼容IE的配置(十)

网上搜索下vue2项目支持IE会有大量相关的文档,而且会详细讲解配置过程,但折腾了半天才发现网上的方式并不适合我项目的实际情况。

因为该项目大概有将近100个界面,每个界面都会用到几个特殊的工具类:
比如系统工具类GoingUtils 、系统断言类AssertUtils、离线存储类StorageUtils等,
所以我直接把这些工具类压缩后直接在index.html中引入,不然每次使用都要引入相应的工具类。

这里写图片描述

常见的引入方式就是在main.js中导入

import 'babel-polyfill'

但如果这样引入问题就来了,因为工具类里面有大量的es6写法和es6新特性,如果这么引入,由于polyfill.min.js文件是main.js滞后引入,就会在utils.min.js里面报大量的错误,原因在于es6的对象后于utils引入,而且是webpack运行中自动抽取。

所以也需要将polyfill.min.js放入到index.html引入
这里写图片描述

这样就可以实现兼容ie 又实现了工具类打成全局js文件。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值