请分别说明 Webpack 与 Vite 的核心配置方式，并对比它们在开发与生产环境中的差异。

回答思路

1. 清楚说明 Webpack 的入口、出口、loader、插件等配置
2. 清楚说明 Vite 基于 ESM 的开发服务器与构建配置
3. 能对比热更新、构建性能、依赖预构建等关键差异
4. 能结合实际项目说明配置优化的经验或取舍