cyberneticlibrary

Optimize Vite bundle size with code splitting

Vite 构建产物体积优化skillsetup L2833
TencentBlueKing/bk-bcs
What it does

Optimize Vite bundle size using Rollup Visualizer

Best for

Projects with slow first-paint times needing granular bundle analysis

Inputs
  • · vite.config.ts
  • · package.json
Outputs
  • · analyzed bundle metrics
  • · optimized config
Requires
  • · rollup-plugin-visualizer
  • · vite-plugin-compression
Preconditions

Vite project exists; FCP > 1.5s

Failure modes

Missing visualizer plugin; incorrect chunk config

Trust signals
  • · Rollup Visualizer documentation cited
  • · concrete code examples provided