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版本改动较大,应该是用法上也有很大改动吧,暂且继续使用低版本的吧,有时间再研究。

相关文章
相关标签/搜索