文档章节

vue-cli webpack打包开启Gzip 报错—— Cannot find module 'compression-webpack-plugin

o
 osc_wws45aot
发布于 2019/08/20 18:38
字数 331
阅读 25
收藏 0

精选30+云产品,助力企业轻松上云!>>>

异常描述:

复用以前框架,打包的时候报异常提示:

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

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
快速入门vue-cli配置

作为一名使用了一段时间Vue.js的新手,相信和不少初入Vue的朋友一样,都对Vue-cli的配置一知半解。后来通过对webpack的学习,也算是对脚手架的配置有了一定的了解,所以也想把这段时间自己的...

osc_2qxlyxer
2018/03/03
2
0
前端性能优化之gzip

<p>gzip是GNUzip的缩写,它是一个GNU自由软件的文件压缩程序。它最早由Jean-loup Gailly和Mark Adler创建,用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件,它们就是GZIP格...

osc_vwv0jnr8
2019/02/17
1
0
Vue -- vue-cli webpack打包开启Gzip 报错

前两天项目上线,用vue-cli npm run build命令打包,打包完成后我擦吓了一跳,15M。本来暂时不打算优化的,但是每次看着部署包这么大,想想还是先优化一下,让包好看点,免得以后出现心理阴影...

osc_9i8szhdc
2019/06/23
1
0
Vue 项目性能优化方案

Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优...

osc_ems27eem
2019/12/05
1
0
vue cli3开启gzip,nginx配置直接使用已经压缩好的文件(文件名为加.gz)

前言:vue cli3的性能优化里面,开启gzip能得到很多的收益。通过webpack插件compression-webpack-plugin可以在打包的时候生成.gz文件;当用nginx做服务器时,nginx通过gzip on;配置可对每个请...

hkaikai
2019/06/29
1.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

面试必问之mysql基础

mysql存储引擎 如何选择mysql存储引擎 先得了解下各个存储引擎区别 功能 MylSAM MEMORY InnoDB Archive 功能 MylSAM MEMORY InnoDB Archive 存储限制 256TB RAM 64TB None 支持事务 No No Ye...

lipengxs
22分钟前
16
0
错误:将标头发送到客户端后无法设置标头 - Error: Can't set headers after they are sent to the client

问题: I'm fairly new to Node.js and I am having some issues. 我对Node.js相当陌生,遇到了一些问题。 I am using Node.js 4.10 and Express 2.4.3. 我正在使用Node.js 4.10和Express 2......

法国红酒甜
33分钟前
18
0
Spring中事务不生效的几种情况

数据库引擎不支持事务。 没有被Spring管理。 方法不是public的。 自身调用问题。 数据源没有配置事务管理器。 不支持事务。 异常被吃了。 异常类型错误。 事务失效类型: 数据库引擎不支持事...

九分石人
52分钟前
31
0
从Linux内核理解JAVA的NIO

前言 IO 可以简单分为磁盘 IO 和 网络 IO ,磁盘 IO 相对于网络 IO 速度会快一点,本文主要介绍 磁盘 IO ,网络 IO 下周写。 JAVA 对 NIO 抽象为 Channel , Channel 又可以分为 FileChannel ...

万古云霄
58分钟前
22
0
Material Design用在c#的wpf app中

官网:http://materialdesigninxaml.net/ 样式丰富 做网站和手机不粗 个人觉得不适合用在.net framework中,在.net core中应该大有作为。...

齐勇cn
58分钟前
28
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部