vue-cli webpack打包開啟Gzip 報錯—— Cannot find module 'compression-webpack-plugin


異常描述:

復用以前框架,打包的時候報異常提示:

 Cannot find module 'compression-webpack-plugin"

然后安裝插件:

npm install --save-dev compression-webpack-plugin

重新打包,又報異常如下:

ValiDationError: Compression Plugin Invalid Options

解決問題:

經查證,系插件版本問題導致。目前這個插件版本已經到3.0.0,但是網上普遍給出的可用版本是 v1.1.12,那么先解決問題,安裝低版本插件:

npm install --save-dev compression-webpack-plugin@1.1.12

或者在packagejson修改版本號  "compression-webpack-plugin": "1.1.12"   直接npm install。

重新打包,問題解決。

后記:

關於為什么要把插件的版本降低,系高版本要求的node版本比較高(大部分人用的node版本都沒這么高,所以就會有不少人遇到這個問題了)。詳見官網:https://www.npmjs.com/package/compression-webpack-plugin

如上,2.0版本已經需要v6.9的node以及v4.0的webpack,查看下了項目的配置:

怪不得,webpack版本太低了。那么提升下webpack版本,再將壓縮插件的版本恢復到最新試試:

安裝插件,重新打包,報錯了:

看了下webpack的官方介紹,貌似4.0版本改動較大,應該是用法上也有很大改動吧,暫且繼續使用低版本的吧,有時間再研究。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM