前端打包构建

本文介绍 Webpack 5.x 版本在 development（开发模式）下的完整启动流程，重点区分首次启动和代码更新（热更新） 两个核心场景。

Vite 作为现代前端构建工具，以开发环境极速热更新著称，其生产模式构建则聚焦输出产物优化，保障线上运行性能最优。

Vite 作为新一代前端构建工具，其核心优势在于开发模式下的极速启动和热模块替换（HMR）能力。本文将详细拆解 Vite 5.x 版本在开发模式下的首次启动流程和代码更新流程。

对Vite v5.x、Webpack v5.x、Rollup v4.x三个主流前端构建工具，分别记录入口与产出的配置，并且给出与配置文件相对应的项目结构和构建后的示例文件内容