摘要：Vite 内部默认用 esbuild 来做依赖预构建，速度比传统 webpack 快很多。可以在 vite.config.js 配置 optimizeDeps：
好问题
在 Vite 项目打包优化 时，主要关注 构建速度 和 产物体积 两个方向。下面我给你系统梳理一下常用优化手段：
这样能让依赖分开缓存，避免用户每次都下载大包。
默认使用 esbuild 压缩，速度快。如果需要更高压缩率，可改用 terser：export default {build: {minify: 'terser',terserOptions: {compress: {drop_console: true,drop_debugger: true,}}}}import viteCompression from 'vite-plugin-compression'export default {plugins: [viteCompression({ algorithm: 'gzip' }), // 或 brotli]}在服务器端开启 gzip/brotli 响应，能大幅减少传输体积。
export default {build: {rollupOptions: {external: ['vue', 'echarts'],output: {globals: {vue: 'Vue',echarts: 'echarts'}}}}}const Home = => import('@/views/Home.vue')能看到每个依赖占用体积。
来源：百顺科技达人
