這篇博客都可以無縫銜接【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 依賴,這里是
imagemin-mozjpeg@9.0.0。
我查找發現有說是 4/5/6.0.0 可以解決 那我就 試着去 安裝了一下 imagemin-mozjpeg@6.0.0
之后去打包,居然成功了。
】
不得不說,打包真的遇到的問題真的是非常多變。解決起來頗為費勁。