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

【问题背景】 项目中对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兼容性问题)