请深入谈谈你对 webpack 和 Vite 的理解，它们在构建流程、性能优化和适用场景上有什么关键差异？

回答思路

1. 能讲清 webpack 的打包机制、插件与loader体系
2. 能讲清 Vite 的基于ES Module的开发服务器与预构建原理
3. 能对比两者在生产构建、缓存、热更新上的差异
4. 能结合实际场景说明选型依据与潜在取舍