ElementAdmin兼容IE10(针对版本@4.2.1ElementAmin)
实现方式
将IE10不支持ES6的语法编译为可识别编译的ES5语法,以及部分css3语法IE下不支持需自行百度,注意测试
第一步:您需要下载下面几个webpack的版本
不要问为什么,亲测
"webpack": "^4.41.5",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0"
//依次执行,或者直接copy到package.json npm install下也可
npm install webpack@4.41.5 -s
npm install webpack-cli@4.2.0 -s
npm install webpack-dev-server@3.11.0 -s
第二步:我们需要借助babel-polyfill插件来转译ES6
下载安装:
npm install babel-polyfill -s
小编这里是6.26.0,如果报错可到此版本
main.js下头部使用
放在顶部
import 'babel-polyfill'
import Vue from 'vue'
第三步使用
在vue.config.js下添加转译
此处的数组是你package.json里dependencies下所用到的所有插件一一对应
transpileDependencies: [
"axios",
"babel-polyfill",
"clipboard",
"codemirror",
"downloadjs",
"driver.js",
"dropzone",
]
第四步:babel.config.js添加useBuiltIns
presets: [
[
"@vue/app",
{
useBuiltIns: "entry"
}
]
]
下面可以测试了
如有问题需根据项目报错自行百度了