跳到主要内容
weapp.js.org
返回工具栈
稳定
工程与构建
WeChatAlipayDouyinBaiduKuaishouWebViteVue SFCWevu

weapp-vite

用 Vite 做小程序工程构建

处理依赖、路由、分包和多平台单目标构建。你可以继续写熟悉的页面结构,把构建链路交给它。

维护者:sonofmagic and contributors

weapp-vite Web runtime 基础组件视觉矩阵
同一份 WXML、WXSS 与页面状态在 Web runtime 中运行。

安装

适合需要现代 Vite 开发体验、Vue SFC 和多平台构建能力的小程序团队。

pnpm add -D weapp-vite

真实运行结果

以下截图来自项目官方仓库中的 demo 或回归基线,并在本站本地化保存。

weapp-vite Web runtime 基础组件视觉矩阵
同一份 WXML、WXSS 与页面状态在 Web runtime 中运行。
weapp-vite Web runtime 页面栈与 Tab Bar 工作台
页面栈、设备视口与底部安全区共享同一运行边界。

工程证据

单目标构建边界

从一段真实的配置、命令或边界说明开始判断项目是否适合你的工程。

vite.config.ts稳定
weapp({
  buildScope: 'wechat',
  platforms: ['wechat'],
})

核心能力

  • Vite 构建内核
  • Vue SFC
  • 六平台输出
  • Wevu 运行时

常见用法

  1. 01用 Vite 启动和构建小程序项目
  2. 02使用 Vue SFC 和自动路由组织页面
  3. 03向微信、支付宝、抖音等平台输出同一套工程

支持平台

WeChatAlipayDouyinBaiduKuaishouWeb
当前版本
v6.22.0
2026年8月24日
周下载
3178
GitHub Stars
465

常见问题

weapp-vite 解决什么问题?

它为小程序提供 Vite 驱动的开发和构建流程,并把 Vue SFC、自动路由和多平台输出整合到同一套工程中。

weapp-vite 支持哪些平台?

项目数据中列出的目标包括微信、支付宝、抖音、百度、快手小程序和 Web。

未来文档路径

/docs/weapp-vite/

聚合文档上线后,此路径将成为 canonical 地址。

统计偏好

百度统计和 Google Analytics 在正式站点默认启用,用于了解访问与有限交互。你可以随时关闭。