Vite 为什么启动速度比 Webpack 快？

Vite 利用浏览器原生 ESM 按需编译，配合 esbuild 预构建，避免了打包全部文件。

如何在 Vue 3 项目中使用 Vite？

安装 @vitejs/plugin-vue 插件并配置 vite.config.ts，即可支持 SFC 编译与组件级 HMR。

生产环境使用 Rollup 进行代码打包，默认支持代码分割、Tree-shaking 和资源压缩。

技术分享

2026-01-29 17 阅读晴辰天下

核心观点 Vite 基于 ESM 和 HMR 实现秒开启动，2025 年演进为 Vite+ 统一工具链，提供从开发到生产的高效构建与性能优化方案。