**核心配置 (vite.config.ts):**
```ts
build: {
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
// 基础库
if (id.includes('react') || id.includes('vue')) {
return 'vendor-core';
}
// 巨大的音视频库单独拆，避免阻塞首屏
if (id.includes('video.js') || id.includes('socket.io')) {
return 'vendor-media';
}
// 其他杂项
return 'vendor-utils';
}
}
}
}
}
```
**Gzip/Brotli:**
除了构建层面的拆包，还配合 Nginx 开启了 Brotli 压缩，进一步压缩了传输体积。