Vite
你可能会说
项目启动要等一分钟，改一行代码浏览器还白屏，这不是我电脑的问题吧？
现在新前端项目的默认构建工具开发时用浏览器原生 ES 模块按需编译，启动和热更新几乎是秒级；生产构建仍走打包。Vite 之前 Webpack 是默认答案，新项目基本不用犹豫。
也常被叫作前端构建工具Vite 构建
什么时候选它
- 新项目脚手架：React、Vue、Svelte 官方模板都默认它
- 需要秒级冷启动和热更新的中大型前端
- 库和组件开发，要快速预览与打包两种产物
什么时候别选
- 依赖大量 Webpack 专有 loader / 插件的老项目
- 需要 Module Federation 等深度定制（插件有，但生态仍弱于 Webpack）
- 构建目标要兼容很老的浏览器且不想额外加降级配置
容易混在一起 · 怎么分
Vite≠Webpack
Vite 开发不打包、配置少、冷启动快；Webpack 插件生态最全，复杂定制和老项目迁移仍靠它。
Q面试会问什么
- 问：为什么开发环境快？
答：依赖用 esbuild 预构建，业务代码走浏览器原生 ESM 按需请求，不打包整包；生产环境仍然打包。 - 问：和 Webpack 的核心区别？
答：Webpack 先打包再启动，Vite 开发时几乎不打包；配置更少，HMR 按模块粒度更新。
延伸阅读 · 权威出处