前端开发遇到Cannot find module ‘compression-webpack-plugin‘问题解决

 

-------------------------------

下面是参考的网上的内容（看了下面这个帖子就试了一下上面的内容，问题就解决了）

原文链接：https://www.cnblogs.com/xyyt/p/11384818.html

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