Vite

为什么 Vite 快

  • 开发期基于原生 ESM,按需加载,无需先整体打包。
  • 依赖预构建用 esbuild 转 ESM,减少请求与解析成本。

核心原理

  • 开发:按 URL 提供模块,HMR 基于模块图精准失效。
  • 生产:调用 Rollup 打包,沿用其优化与插件体系。

与 Webpack 对比

特性ViteWebpack
冷启动
热更新较慢
生产构建Rollup内建
生态成长中成熟

常见面试题索引

  • 为什么快
  • 预构建
  • HMR 差异
  • 生产构建
  • 与 Webpack 区别
  • 何时仍选 Webpack
  • env 加载规则
  • 代理配置
  • SSR 支持
  • 构建优化