网上搜索下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文件。