徐徐爱coding
  • 首页
  • 爱情买卖
  • 导航
  • 私语
  • 友情链接
  • 关于
    关于本站
    知识库
    弹钢琴
徐徐爱coding

徐徐爱coding

徐徐爱coding是一个个人博客站点,记录编程经历的点点滴滴,分享自己的所见与所得,坚持自己的初心,践行自己的梦想生活不是等着暴风雨过去,而是学会在风雨中跳舞!

Copyright © 2023 徐徐爱coding All Rights Reserved.
陕公网安备61019602000456陕ICP备2023007787号-2

网站已稳定运行

前端vite项目优化之开启gzip

前端vite项目优化之开启gzip

徐徐
前端
#Vue#nginx#Vite#gzip
0 热度0 评论0 点赞
发布于2024-08-27 21:48:58
🌺前言
前端vite项目优化之开启gzip的步骤

1.开启下载插件

bash
pnpm add vite-plugin-compression -D

2.前端配置

javascript
//vite.config.js
import viteCompression from 'vite-plugin-compression'
  plugins: [
    vue(),
    viteCompression({
      algorithm: 'gzip',
    })
  ],

3.打包

bash
pnpm run build

4.nginx开启gzip

优先级https<server,两个块中都可以配置

shell
    gzip  on;
    gzip_min_length 1k;
    gzip_vary on;
    gzip_buffers 32 4k;
    gzip_types text/plain text/css application/javascript;

目录

  • 1.开启下载插件
  • 2.前端配置
  • 3.打包
  • 4.nginx开启gzip
文章最后更新于 2024-08-30 16:27:52
作者:徐徐
版权声明:转载请注明文章出处
留言
暂无数据

~~空空如也