极客米特前端开发实战与工程化笔记15375392549

Vite 配置从零开始:比 Webpack 少了哪些必需项

2026年10月19日

从 Webpack 迁移到 Vite,最先感受到的是配置文件变短了。变短并不是功能缺失,而是很多环节被默认约定替代了。

入口与出口不再必写

Vite 默认以根目录 index.html 为入口,产物默认输出到 dist。只要目录结构符合约定,就不需要配置 entry 与 output。

开发时不打包

这是两者最大的差别。Webpack 开发时仍需要构建模块图,Vite 直接用浏览器原生 ES Module 加载,只对依赖做预构建。所以冷启动快很多,但生产构建依然需要打包(默认 Rollup)。

环境变量前缀改了

从 process.env 换成 import.meta.env,且只有 VITE_ 开头的变量会注入客户端。这一点迁移时最容易踩坑。

还需要手写的配置

路径别名、代理、第三方插件、构建目标浏览器版本,这些仍需显式配置。另外如果依赖里有 CommonJS 包,可能需要处理预构建白名单。

什么时候仍选 Webpack

项目里有大量自定义 loader、需要极细的拆包控制,或者团队工具链已深度绑定时,迁移成本可能高于收益。

需要进一步沟通?电话 15375392549,或通过联系我们提交需求。