iview-admin IE兼容方案

摘要: iview admin 兼容IE 9+

iview admin 是基于 iview 的一套后台管理系统，界面清爽，功能比较完整，很适合快速上手。不过它未兼容IE（非Edge）9/10，而本该可以部分支持的。这里提供一些解决方案。

一、const polyfill

本人是通过

vue-cli

初始化工程的，实测发现，编译打包时，

/node_modules/iview/src

里的两处const变量为被转换为var，而

iview/dist/

里面是正确转换来的。

接着，全部照搬iview admin配置，仍然如此。

发现是

webpack

配置问题，解决方案：

在

webpack.base.conf.js

的

test: /\.js$/

规则里，新增一个

include

项，即

resolve('/node_modules/iview/src')

。

参考来源：http://blog.csdn.net/nongweiyilady/article/details/78893504

二、Promise polyfill

IE低版本原生不支持Promise，但是

transform-runtime

插件，应该是能提供兼容的，结果没有。

这也是webpack配置问题，没有导出全局的Promise对象。解决方法：

在

main.js

头部添加一句

window.Promise = Promise;

即可。

*注意：*原版是

src/vendors/vendors.base.js

文件，我未完全照搬，下同。

参考来源：http://www.cnblogs.com/pheye/p/7659910.html

三、dataset polyfill

admin中直接用到了DOM的dataset属性，也需要向后兼容，解决方法：

添加依赖

element-dataset

，导入并初始化即可。

import ElementDataset from 'element-dataset';

ElementDataset();

未完待续