鍍金池/ 問答/HTML/ webpack對(duì)vue項(xiàng)目打包壓縮失敗

webpack對(duì)vue項(xiàng)目打包壓縮失敗

我的項(xiàng)目是使用vue-cli搭建的。在使用webpack打包的過程中出錯(cuò)了，導(dǎo)致文件沒能完全打包，壓縮沒有執(zhí)行。
然后報(bào)錯(cuò)信息顯示是因?yàn)槲沂褂昧藇ue-picture-preview插件的原因，webpack無(wú)法識(shí)別es6的語(yǔ)法導(dǎo)致的。但是這個(gè)插件是位于node_module中的，按道理來(lái)說(shuō)它應(yīng)該和其他的Node模塊一樣，進(jìn)行同樣的處理，比如我的element-ui也是插件，可是打包卻完全不受影響。
圖片描述

這是我的報(bào)錯(cuò)信息。

我按照網(wǎng)上的做法，將webpack.config.js中的babel對(duì)于js編譯進(jìn)行了修改，結(jié)果又變成了main.js語(yǔ)法解析錯(cuò)誤。我大致的判斷是因?yàn)樵摬寮木幾g不成功，導(dǎo)致后面的文件編譯出現(xiàn)了問題。
圖片描述

這是webpack的js部分的配置。

圖片描述

這是修改后打包對(duì)main.js的報(bào)錯(cuò)。

圖片描述

這是package.json依賴文件。

綜上我的判斷是該插件不支持webpack默認(rèn)配置的編譯，在此我想問問大神們，對(duì)于這樣的情況該怎樣處理？webpack對(duì)這種插件有什么解決方法？或者我是否應(yīng)該考慮換插件？又或者我的判斷是錯(cuò)誤的，那么它又是怎樣一種原因造成的？

回答
編輯回答
晚風(fēng)眠

你好，請(qǐng)問你解決了這個(gè)問題了嗎？我也遇到你這個(gè)問題了。搞了半天沒有解決出來(lái)，好著急啊

2018年4月4日 02:54
編輯回答
胭脂淚

你的babel裝了哪些插件

2018年4月15日 01:15
編輯回答
只愛你

修改成這樣試下

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('node_modules/vue-picture-preview')]
}

對(duì)于依賴的關(guān)系，建議樓主發(fā)下package.json文件。

2018年8月17日 02:58
編輯回答
背叛者

應(yīng)該是babel的配置有問題
把include改成
include: [path.resolve(__dirname, '../')/項(xiàng)目根路徑/, path.resolve('/node_modules/_vue-....../index.js')]

2017年8月22日 04:10