项目中启用压缩后，文件大小减少70%以上，优化效果非常明显。当Nginx服务器开启gzip后，静态资源会在服务器端进行压缩，并将压缩包传输给浏览器，浏览器解压后使用，大大提高了网络传输的效率，尤其是对于js、css等文本的压缩，效果明显。安装依赖注意：添加版本号，防止安装版本过高报错webpack找不到npmicompression-webpack-plugin@5.0.1-D修改vue.config.js配置constpath=require('path')constCompressionPlugin=require('compression-webpack-plugin')module.exports={...configureWebpack:config=>{if(process.env.NODE_ENV==='production'){return{plugins:[newCompressionPlugin({test:/\.js$|\.html$|\.css$|\.jpg$|\.jpeg$|\.png/,//需要压缩的文件类型threshold:10240,//需要压缩的archives最小文件大小，这里压缩10K以上deleteOriginalAssets:false//是否删除原文件})]}}}}检查打包后的js文件所有文件都压缩了两个以上-三分之二，Nginx服务器也需要做相应的配置#Turnon|关闭gzip。gzipon|off;#文件只有大于指定大小时才压缩，单位kb。gzip_min_length10;#压缩级别，1-9，值越大，压缩率越大，但消耗CPU越多，压缩效率越来越低。gzip_comp_level2；#压缩文件类型。gzip_typestext/plainapplication/javascriptapplication/x-javascripttext/cssapplication/xmltext/javascript;#打开后，如果能找到.gz文件，则直接返回文件，不会进行服务端压缩启用。gzip_staticon|off#是否添加响应头Vary:Accept-Encoding建议开启。gzip_varyon;#请求压缩的缓冲区数量和大小，单位为4k，为32的倍数。gzip_buffers324K;注意：当在服务器上启用gzip时，它不会生效。发现nginx配置压缩文件类型时，是application/x-javascript。如果是这种写法，是不会生效的。JavaScript的MIME类型通常是“application/x-javascript”，非IE浏览器识别“application/javascript”，所以在上述配置中同时使用application/javascript和application/x-javascript可以解决这个问题。然后重启nginx服务systemctlrestartnginx.service当请求中出现如下标识时，开启成功
