Skip to content

Vite

vite 热更新(HMR)速度为何优于 Webpack

  • 启动与更新机制:开发环境下不打包,直接通过 import 加载模块,利用浏览器原生 ESM,按需编译当前请求的文件。 修改文件后,仅需重新编译该文件及其依赖,HMR 更新极快
  • 传输粒度:基于单个文件或模块的,更新信息小,传输快
  • 预构建依赖:Vite 启动时使用 esbuild 预构建依赖(如 node_modules 中的库),esbuild 比 Webpack 快 10-100 倍

By Modify.