【問題背景】 項(xiàng)目中對(duì)element ui 的uploader 上傳組件進(jìn)行了二次封裝,因?yàn)槟承┰虿撇恚苯右昧薳lment ui node_module里的一些公用方法。chrome 無條件友好支持河爹,放在IE總是報(bào)一些莫名其妙的錯(cuò)誤碼匠璧。
依舊像剝洋蔥一樣,一層一層地剝開它的心咸这,最終激動(dòng)的眼淚0.0.... 原來夷恍,node_module里的文件都是ES6語法,這樣直接引入代碼的話媳维,需要去babel-loader酿雪,進(jìn)行es6轉(zhuǎn)換。直接上代碼:
--------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了么侄刽,不执虹,還有個(gè)開關(guān), 上代碼:
----------.babelrc------------
"presets": [
["env", {
"modules": false, // 此行刪除 刪除 刪除
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
]