问答

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

作者:admin 2021-06-21 我要评论

在vue项目中,使用了compression-webpack-plugin,进行build时,部分大小满足设置的文件,会生成gz文件,1.导致打包后的dist文件增大 2.需要在nginx中开启gzip ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

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

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

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • compression-webpack-plugin到底有没有

    compression-webpack-plugin到底有没有

  • VueJs循环生成多行多列使用v-model绑定

    VueJs循环生成多行多列使用v-model绑定

  • 有哪位老哥了解过或是用过OpenDial吗

    有哪位老哥了解过或是用过OpenDial吗

  • 支付宝 查询 预订单验签返回fasle? 但

    支付宝 查询 预订单验签返回fasle? 但

腾讯云代理商
海外云服务器