依赖预构建(Dependency Pre-Bundling)针对的是 node_modules 中的第三方依赖,而非项目源码,主要解决兼容性与性能两个问题。
npm 生态中大量依赖以 CommonJS 格式发布,浏览器无法直接运行。预构建会把这些 CommonJS 依赖转换为 ESM 格式,使其能被浏览器原生 import 使用。
一些依赖(如 lodash)内部拆分为大量小模块,若逐个请求会产生成百上千次网络往返。预构建把它们合并为单个模块文件,大幅减少请求数量,加快页面加载。
预构建结果会被缓存,只有当依赖发生变化或 Vite 配置调整时才重新执行,日常启动直接复用缓存,兼顾速度与正确性。