美文网首页
vue封装组件的IE兼容性问题

vue封装组件的IE兼容性问题

作者: leo0oel | 来源:发表于2020-06-15 10:59 被阅读0次

【问题背景】 项目中对element ui 的uploader 上传组件进行了二次封装,因为某些原因,直接引用了elment ui node_module里的一些公用方法。chrome 无条件友好支持,放在IE总是报一些莫名其妙的错误码。

依旧像剥洋葱一样,一层一层地剥开它的心,最终激动的眼泪0.0.... 原来,node_module里的文件都是ES6语法,这样直接引入代码的话,需要去babel-loader,进行es6转换。直接上代码:

--------webpack.base.conf.js---------
{
test: /.js$/,
loader: 'babel-loader?cacheDirectory',
include: [
resolve('src'),
resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/element-ui'),
resolve('node_modules/element-ui'),
resolve('node_modules/element-ui')
]
}

以为这样就over了么,不,还有个开关, 上代码:

----------.babelrc------------
"presets": [
["env", {
"modules": false, // 此行删除 删除 删除
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
]

相关文章

网友评论

      本文标题:vue封装组件的IE兼容性问题

      本文链接:https://www.haomeiwen.com/subject/gfdcxktx.html