请对比 webpack 和 vite 在构建原理、开发体验与生产构建方面的主要差异。

Question

Accepted Answer

考察点：考察对前端构建工具底层原理的理解与选型能力。回答思路：说明webpack基于静态依赖图的打包机制与vite基于ESM的按需编译机制 分析开发服务器热更新速度差异及其原因 对比生产构建时rollup与webpack的优化策略 能结合实际场景给出选型建议

考察说明