vue3基于vite打包

大的js和css打包成:gzip

复制代码
npm install vite-plugin-compression

在vite.config.ts中配置:

复制代码
import viteCompression from 'vite-plugin-compression'


plugins:[
    viteCompression({
        verbose:true,//控制台输出压缩结果
        disable:false,//开启还是禁用
        threshold:1024,//体积大于threshold的设置压缩
        algorithm:'gzip',//压缩算法
        ext:'gz',//文件后缀名
    })
]

压缩完之后,告诉后端去配置gz文件。

gzip压缩目的是为了缩小代码体积,让资源加载更快,使用了一个插件,vite-plugin-compression,配置好之后,打包出来的就是压缩后的代码,把dist文件给后端进行部署。

相关推荐
Komorebi゛7 分钟前
【React】配置别名路径
前端·react.js·前端框架
风语者日志10 分钟前
CTFSHOW WEB 3
前端
普通码农30 分钟前
uni.setClipboardData在 iOS 剪贴板复制失败解决方案
前端
_孤傲_32 分钟前
webpack实现常用plugin
前端·webpack·node.js
golang学习记43 分钟前
从0死磕全栈之Next.js 字体优化实战:零布局偏移、高性能、隐私友好的字体加载方案
前端
zachhere1 小时前
深入了解 OpenAI Apps SDK 的内部机制
前端
张可爱1 小时前
20251015-Vue3八股文整理
前端
ruanCat1 小时前
记一次因 vue-router 升级而导致的 uniapp 故障
前端·vue.js
Damon小智1 小时前
基于 Rokid JSAR 打造精致的 3D 白色飞机模型
前端·虚拟现实