你可能会说
Webpack 启动要等半分钟，改一行代码也要等好几秒才刷新，太慢了。
Vite 是新一代前端构建工具——开发时利用浏览器原生 ESM 秒启动，生产时用 Rollup 高效打包。
新一代前端构建工具，启动极快、热更新几乎即时。比 Webpack 快很多，开发体验好。
生活类比
像即热式热水器——打开就有热水，不用像老式热水器那样等半天预热。
🎮 动手试试
👇 对比启动和 HMR 速度
关于「Vite」，以下哪个描述最准确？
你可以这样告诉 AI
帮我用 Vite 初始化 React + TypeScript 项目：配置路径别名 @/、代理 API 到 localhost:3000、环境变量 VITE_API_URL。
Webpack 先打包再启动（慢），Vite 先启动再按需编译（快）。大型项目 Vite 启动快 10-100 倍。
Vite 是构建工具（只管打包），Next.js 是全栈框架（路由+SSR+API）。Next.js 底层用 Turbopack。
新建前端项目
Vite 启动毫秒级、HMR 即时生效，替代 Webpack 作为构建工具，React/Vue/Svelte 项目都适用。
和 AI 协作时
想让 AI 初始化项目时，直接说「用 Vite 创建 React + TypeScript 项目，配置路径别名 @/ 指向 src」。
Next.js 项目
Next.js 自带 Turbopack 构建，不需要再套一层 Vite，强行整合反而增加复杂度。
与构建工具无关的项目
纯 HTML/CSS 页面、后端服务、脚本工具等不需要前端构建工具。
新一代前端构建工具，启动极快、热更新几乎即时。比 Webpack 快很多，开发体验好。
像即热式热水器——打开就有热水，不用像老式热水器那样等半天预热。
和 AI 沟通时提到「用 Vite 创建项目」，就是用更快的工具搭建开发环境。