Vite 相比 Webpack 带来了哪些优化？请简述两者的核心区别。

回答思路

1. 能说明 Vite 的 dev server 基于原生 ESM 按需编译而非整包打包
2. 能对比生产构建与开发阶段的差异（如 Rollup 打包 vs esbuild 预构建）
3. 能说出依赖预构建、HMR 加速、缓存策略等具体优化点
4. 能结合实际场景讨论两者取舍