Vite 历史性的一刻!超越 Webpack!
见证了 Vite 历史性的一刻!Vite 下载量首次超越 Webpack!
2025 年 7 月 30 日,尤雨溪推特晒出截图:Vite 周下载量首次超越 Webpack!
目前来看不管是下载量还是 star 数量均已经领先 webpack:
从追赶者到领跑者:Vite 的五年逆袭
2019 年,Vite 0.x 的 README 只有一句话:Make the web faster。
2025 年,它真的做到了:
开发服务器 131 ms 启动,比 Webpack 快 14倍热更新 31 ms,肉眼无感生产构建 521 ms,Webpack 需要2942 ms
Webpack 用十年铺平“一切皆模块”的路,Vite 用五年跑完,还顺手把路拓宽了。
性能碾压:数据不会说谎
数据来源:npm-compare.com,2025-07-30 采样 1000 个开源仓库平均值。
开发者体验:从“配置工程师”到“零配置”
Webpack 的 webpack.config.js 动辄上千行,loader、plugin、browserslist 轮番劝退。
Vite 把常见需求全部收进默认行为:
// vite.config.ts
import { defineConfig } from'vite'
import react from'@vitejs/plugin-react'
exportdefault defineConfig({
plugins: [react()],
server: { open: true }
})
十行代码,覆盖九成业务:代码分割、Tree-Shaking、压缩、预加载,开箱即用。
生态之战:Rollup 联盟 VS Webpack 帝国
Webpack 的护城河是 1.2 万个插件和 loader。
Vite 的策略干脆利落:
直接复用 Rollup生态,90 %插件零改动迁移官方维护核心插件: react、vue、svelte、legacy社区两年新增 4800个专属插件,年复合增长401 %
性能差距指数级放大,生态差距指数级缩小。
Vite 换芯 Rolldown(已官宣,未正式发布)
就在上个月,尤雨溪发文:Vite 将用 Rust 编写的 Rolldown 取代现有的 esbuild + Rollup 双内核。
一句话总结:
预打包+生产打包统一成一套工具,告别“环境不一致”Rust级性能:冷启动再快 30 %,内存再降 20 %向下兼容 Rollup插件,老项目无痛迁移
目前处于公测阶段,Vue 3.6 将率先捆绑 Rolldown,正式版预计 Q4 发布。
Vite Devtools 统一工具链(研发中)
尤雨溪联合 antfu 宣布:打造框架无关的 Vite Devtools。
核心功能预览:
插件流水线可视化——一眼看出哪个插件拖慢构建包体积分析—— Tree-shaking漏网之鱼无处藏身远程调试——手机扫码,秒进同一开发环境
目前仍在内测,计划随 Rolldown-vite 正式版一起上线。
Webpack 会死吗?
不会。它会在这些角落继续发光:
需要 IE11的老银行系统需要 模块联邦的微前端巨兽千万行 遗留代码,牵一发动全身
但所有新项目脚手架已经把默认构建工具换成了 Vite:create-react-app、vue-cli、Nuxt 4、SvelteKit 2、SolidStart 1.0 ——
默认选项,就是行业的投票器。
最后给大家推荐 3 个对比不同 npm 包的下载量网站:
npmcharts: https://www.npmcharts.com/compare/Vite,vite,webpack?interval=7&log=truenpmtrends: https://npmtrends.com/vite-vs-webpacknpm-compare: https://npm-compare.com/zh-CN/vite,webpack