Webpack
见 Webpack5
Vite 与 Webpack 核心区别
| 对比维度 | Webpack | Vite |
|---|---|---|
| 启动方式 | 全量打包后启动，启动慢 | 按需 ESM 加载，无需打包源码，启动极快 |
| 热更新 (HMR) | 修改后需重新构建，大项目较慢 | 仅更新修改模块，速度几乎无感 |
| 底层依赖 | 自身打包机制，JS 编写 | 依赖 esbuild (Go 编写) 预构建，生产用 Rollup |
| 模块化 | 支持 CJS / AMD / ESM 等 | 原生优先 ESM，生产兼容良好 |
| 配置复杂度 | 配置繁琐，需大量 loader/plugin | 开箱即用，配置极简 |
| 生态兼容性 | 生态极成熟，适配所有场景 | 生态较新，部分旧库需兼容处理 |
| 适用场景 | 中大型项目、需要极致兼容 | 现代框架项目，追求开发体验与速度 |