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,或通过联系我们提交需求。