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

異常描述:node

複用之前框架,打包的時候報異常提示:webpack

 Cannot find module 'compression-webpack-plugin"

而後安裝插件:web

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

從新打包,又報異常以下:npm

ValiDationError: Compression Plugin Invalid Options

解決問題:json

經查證,系插件版本問題致使。目前這個插件版本已經到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。spa

從新打包,問題解決。插件

後記:code

關於爲何要把插件的版本下降,系高版本要求的node版本比較高(大部分人用的node版本都沒這麼高,因此就會有很多人遇到這個問題了)。詳見官網:https://www.npmjs.com/package/compression-webpack-plugin
blog

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

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

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

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

相關文章
相關標籤/搜索