Vite 的架构围绕"开发体验"与"构建优化"两条主线设计,主要由以下几个部分组成。
基于 Node.js 的按需编译服务器,负责响应浏览器模块请求、执行即时转换、驱动 HMR,是开发阶段的核心。
负责把 node_modules 中的 CommonJS 依赖转为 ESM 并合并零散模块,为开发服务器提供可被浏览器高效加载的依赖。
基于 Rollup 插件接口扩展而来的插件机制,用于处理各类文件转换、框架集成和自定义构建逻辑,是 Vite 生态扩展的基础。
负责生产环境的打包优化。Vite 8 起统一采用 Rolldown 作为底层打包器,取代了此前的 esbuild + Rollup 双打包器结构。
负责读取 vite 配置、解析模块路径、处理别名与 tsconfig 映射等,为上述各部分提供统一的解析与配置能力。