這篇部落格都可以無縫銜接【https://www.cnblogs.com/Hijacku/p/15392107.html】這一篇

由於那一篇是windows，我以為在linux上進行相同操作可以打包成功，沒想到還是失敗了。

linux上打包成功差不多也花了大半天。

其中有嘗試更新node版本，解除安裝重灌的操作，都解決不了。

但也有相同點，就是 npm 安裝 image-webpack-loader 確實會出現丟失依賴的情況，

這裡就需要使用 cnpm 安裝，

但是 cnpm 安裝也是 有狀況發生, 第一就是就是 cnpm 安裝超時報錯！！

【這裡百度解決方案失去修改

/usr/local/lib/node_modules/cnpm/node_modules/urllib/lib/urllib.js 這個檔案 把裡面 的 TIMEOUT 和TIMEOUTS 設定的5s 改長一點 10s,就可以了。

】

第二就是 cnpm 安裝也會 有缺少依賴的情況【不知道是不是京東雲伺服器網路問題還是怎麼滴】，cnpm 安裝好之後，執行 npm run build 報錯

【Syntax Error: Error: Cannot find module 'imagemin-mozjpeg'】，

但是我去 image-webpack-loader 的 配置檔案package.json 的 依賴項中去看，確實有這個依賴，但是卻沒有下載下來。

我這裡手動安裝的。安裝完畢之後，又出現了新的報錯

【

   error  in ./src/assets/img/index/system2.jpg

　　Syntax Error: Error: write EPIPE
這裡取百度查，在github 問題論壇上找到了 眉目

國外的問題根源都說的是【
 
https://github.com/imagemin/imagemin-mozjpeg/issues/28】【附上傳送門】
imagemin-mozjpeg 這個的版本問題，由於我在windows平臺 上兩次打包 都是 使用的 預設 image-webpack-loader 依賴，這裡是

[email protected]。

我查詢發現有說是 4/5/6.0.0 可以解決 那我就 試著去 安裝了一下 [email protected]

之後去打包，居然成功了。

】

不得不說，打包真的遇到的問題真的是非常多變。解決起來頗為費勁。