Webpack 是打包优先:dev 与 build 都基于完整打包依赖图,生态成熟、配置强大;Vite 是 ESM 优先:开发环境利用浏览器原生 ESM 按需编译,实现秒级冷启动与毫秒级 HMR,生产环境用 Rollup 打包(正向 Rolldown 迁移)。日常体验上 Vite 的启动与更新快一到两个数量级。

选型:新项目(Vue 3、React 18+)默认 Vite;老项目若有深度定制的 Webpack loader/plugin(如重度 Module Federation)需评估迁移成本;库构建可用 Vite lib 模式或 tsup。易错点:Vite 框架无关,不只配 Vue;环境变量需 VITE_ 前缀才暴露给客户端;require、动态路径 import 在 ESM 下要改造,CommonJS 插件需确认兼容。追问:esbuild、Rollup、Rolldown 的分工与演进、Turbopack/Rspack 的位置。