Vue CLI3中怎么开启gzip压缩文件(gzip,Vue CLI3,web开发)

时间:2024-05-03 05:11:56 作者 : 石家庄SEO 分类 : web开发
  • TAG :

gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。

webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件:

npm i -D compression-webpack-plugin

在vue cli3.0 生成的项目里,可在 vue.config.js 中按照如下方式进行配置:

Vue CLI3中怎么开启gzip压缩文件

压缩前后大小大致如下:

Vue CLI3中怎么开启gzip压缩文件

生成的压缩文件以.gz为后缀:

Vue CLI3中怎么开启gzip压缩文件

一般浏览器都已支持.gz的资源文件,在http请求的Request Headers 中能看到 Accept-Encoding:gzip

Vue CLI3中怎么开启gzip压缩文件

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:Vue CLI3中怎么开启gzip压缩文件的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:vue、react等单页面项目部署到服务器的方法及vue和react的区别下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18