前端压缩打包 Vue+vite配合nginx实现gzip压缩

vue前端项目发布的时候，打包可配合nginx实现gzip格式的压缩，这样会减少网络带宽，nginx有两种压缩方式，一个是动态压缩，一个是静态压缩。

1.在 nginx 中实时用 gzip 压缩文件输出，利用 nginx 中的模块 ngx_http_gzip_module， 消耗 CPU 来做压缩，nginx配置如下：

官方配置文档说明

http{
        gzip on; 
        gzip_min_length 1k;
        gzip_buffers 4 16k;
        gzip_comp_level 8;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";
}

2.事先用 gzip 压缩好文件（.gz）让 nginx 根据请求来自己选择 .gz 文件输出，利用 nginx 中的模块 http_gzip_static_module，不消耗 CPU 资源，nginx配置只需要在上述里面加入一行即可，如下：
官网配置文档说明

gzip_static on;

参考文章