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"
]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容