在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack對vue項目打包壓縮失敗

webpack對vue項目打包壓縮失敗

我的項目是使用vue-cli搭建的。在使用webpack打包的過程中出錯了，導(dǎo)致文件沒能完全打包，壓縮沒有執(zhí)行。
然后報錯信息顯示是因為我使用了vue-picture-preview插件的原因，webpack無法識別es6的語法導(dǎo)致的。但是這個插件是位于node_module中的，按道理來說它應(yīng)該和其他的Node模塊一樣，進行同樣的處理，比如我的element-ui也是插件，可是打包卻完全不受影響。
圖片描述

這是我的報錯信息。

我按照網(wǎng)上的做法，將webpack.config.js中的babel對于js編譯進行了修改，結(jié)果又變成了main.js語法解析錯誤。我大致的判斷是因為該插件的編譯不成功，導(dǎo)致后面的文件編譯出現(xiàn)了問題。
圖片描述

這是webpack的js部分的配置。

圖片描述

這是修改后打包對main.js的報錯。

圖片描述

這是package.json依賴文件。

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

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

你好，請問你解決了這個問題了嗎？我也遇到你這個問題了。搞了半天沒有解決出來，好著急啊

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')]
}

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

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

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

2017年8月22日 04:10