你了解前端工程化吗？请分别说说 webpack 和 vite 的核心特点、适用场景，并对比它们的差异。

回答思路

1. 能解释 webpack 的核心机制与典型应用场景
2. 能解释 vite 的构建原理与优势
3. 能对比两者在开发体验、构建速度、生态上的差异
4. 能结合项目场景说明选型依据