Vite 为什么比 Webpack 快？

Vite 开发期利用浏览器原生 ESM 按需加载，无需打包整个应用，配合 esbuild 预构建依赖，实现毫秒级启动。

如何在 Vite 中配置路径别名？

在 vite.config.js 中通过 resolve.alias 配置，例如设置 '@' 指向 src 目录，并确保编辑器路径解析一致。

生产构建主要基于 Rollup 进行模块打包和代码分割，利用 esbuild 进行依赖预构建以提升速度。

技术分享

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

核心观点 Vite 基于 ESM 提供极速冷启动与 HMR，结合 esbuild 与 Rollup 优化构建，兼顾开发效率与生产质量。