compression-webpack-plugin Gzip压缩

vue项目中由于对对组件的不正确使用、对第三方插件的滥用、本身项目功能复杂导致的打包后项目巨大，影响用户体验，因此vue脚手架2.x中内置的一个压缩"糖"

首先在config/index.js中修改下方代码

productionGzip: true,//原来为false
productionGzipExtensions: ['js', 'css'],

安装依赖

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

运行 npm run build

报错的话，可以在pakage.json中对compression-webpack-plugin的版本进行降低亲测降低到1.1.11 再执行一次 npm install 后npm run build 成功了

compression-webpack-plugin Gzip压缩相关推荐

webpack 开启gzip压缩
开启gzip压缩可以有效压缩资源体积,压缩比率在3到10倍左右,可以大大节省服务器的网络带宽,提高资源获取的速度,但需要注意的是:并不是经过gzip压缩之后,所有文件都会变小.根据gzip使用的算法特 ...
性能优化gzip压缩
gzip压缩可以提升资源加载40%以上得性能.gzip压缩需要资源为.gz得文件.同时服务器需要设置开启gzip压缩.本文介绍webpack构建得项目中开启gzip压缩,以及nginx配置gzip. ...
webpack+nginx开启gzip压缩部署项目
首先在服务器安装nginx sudo apt update sudo apt install nginx 安装完毕后将前端项目打包 webpack.output.publicPath里配置资源基础路径 ...
webpack插件开启gzip压缩
一.前端vue.config.js配置 1.下载compression-webpack-plugin cnpm i compression-webpack-plugin@6.1.1 --save 2. ...
Node.js服务器启用Gzip压缩
Gzip是什么复制大神们的解释吧: GZIP最早由Jean-loup Gailly和Mark Adler创建,用于UNIX系统的文件压缩.我们在Linux中经常会用到后缀为.gz的文件,它们就是GZ ...
探索HTTP传输中gzip压缩的秘密
探索HTTP传输中gzip压缩的秘密为什么要开启gZip 我们给某人发送邮件时,我们在传输之前把自己的文件压缩一下,接收方收到文件后再去解压获取文件.这中操作对于我们来说都已经司空见惯.我们压缩文件 ...
nginx开启Gzip压缩，Vue性能优化之使用gzip压缩打包
一.前言不管是vue项目还是react项目在使用webpack打包之后都会生成一个动辄一两兆甚至更大的js文件,在某些情况下严重影响项目性能,打开页面的时候白屏时间会很长,本文将介绍如何使用gzip ...
启用IIS的Gzip压缩【转】
现代的浏览器IE6和Firefox都支持客户端Gzip,也就是说,在服务器上的网页,传输之前,先使用Gzip压缩再传输给客户端,客户端接收之后由浏览器解压显示,这样虽然稍微占用了一些服务器和客户端的 ...
从 Gzip 压缩 SVG 说起 — 论如何减小资源文件的大小
原文地址:Of SVG, Minification and Gzip 原文作者:Anton Khlynovskiy 译文出自:掘金翻译计划本文永久链接:github.com/xitu/gold-m- ...
gzip压缩後的javascript在ie下不加载
URL:http://blog.iyi.cn/start/2007/07/gzipjavascriptie.html 很早之前就发现一个奇怪的问题,ie第一次打开一个页面时,javascript正常加 ...

compression-webpack-plugin Gzip压缩

compression-webpack-plugin Gzip压缩

vue项目中由于对对组件的不正确使用、对第三方插件的滥用、本身项目功能复杂导致的打包后项目巨大，影响用户体验，因此vue脚手架2.x中内置的一个压缩"糖"

首先在config/index.js中修改下方代码

安装依赖

运行 npm run build

compression-webpack-plugin Gzip压缩相关推荐

最新文章

热门文章