下一代构建工具 Vite
实践与探索
张毅关于我
o 张毅，华为技术有限公司 / 开源能力中心
o Vue 社区 Member
o Vite 社区 Collaborator
o Vue Shenzhen Meetup 发起人目录
oVite 原理与关键技术
oVite 项目实战
oVite 插件生态
oVite Module Federation 探索Vite 是什么？
下一代前端开发与构建工具 $ npm create vite
Vite (法语意为 "快速的"，发音 /vit/) $ vite
$ vite build
o 开发环境：
o No-Bundle 开发服务器
o 生产构建：
o 预配置的 Rollup 打包命令，针对生产环境高度优化
o 以及…
o HMR 热更新
o 依赖预构建
o 内置 SSR 支持与 Snowpack、Webpack 对比
o It is NOT Vite’s goal to completely replace webpack !
o 目前 Snowpack 作者已将其交给社区维护，新项目 Astro 也迁移至 Vite
ViteSnowpack Webpack
开发环境 No-Bundle (CJS→ESM) No-Bundle (CJS→ESM) Bundle (CJS/UMD/ESM)
生产构建 Rollup可选 Webpack
Webpack/Rollup/ESBuild
插件生态★★★★☆ ★★★☆☆★★★★★
易用性★★★★★ ★★★★☆★★★★☆
dev 启动速度 快 快 慢（项目规模越大越慢）
npm 月下载量1085.63K 36.59K71.94M
+19.05% -19.08%+1.66%
Git Star 32.61k19.41k59.57k