compression-webpack-plugin到底有没有必要使用

Question

在vue项目中，使用了compression-webpack-plugin，进行build时，部分大小满足设置的文件，会生成gz文件，1.导致打包后的dist文件增大 2.需要在nginx中开启gzip
测试发现，文件大小改变不是特别明显，所以，请问在项目中，
1.有必要使用该插件吗
2.nginx获取前端打包文件，会先压缩为gz，然后返给浏览器吗

Answer 1

compression-webpack-plugin 主要是提前做 gzip 处理得到 .gz 文件。当浏览器访问静态资源时，静态资源服务器根据请求头中 Accept-Encoding 字段判断请求端是否支持 gzip 解压，如果支持，那么返回 .gz 文件，否则返回原文件。

通常 .gz 文件会比原文件小很多，所以可以实现降低带宽、提高页面响应速度的效果。

nginx 常用的 gzip 模块有两个，ngx_http_gzip_static_module 和 ngx_http_gunzip_module。当 nginx 作为静态资源服务器时，可以通过前者服务 .gz 文件。当 nginx 作为反向代理/负载均衡，可以通过后者实时做 gzip 压缩，当然这要以相当的 CPU 资源消耗为代价。

Answer 2

一般来说不需要，nginx 自带 gzip 模块，直接在服务器端配置一下即可，比你自己打包控制要灵活方便很多。会带来一点点性能损耗，不过通常来说影响很小。