Profile
Back to NewsBack
GitHub Trending 1 min
Reader Mode
weapp-vite/weapp-vite: weapp-vite 把现代化的 web 开发方式,带入传统的小程序开发吧!

weapp-vite/weapp-vite: weapp-vite 把现代化的 web 开发方式,带入传统的小程序开发吧!

16 hours ago

weapp-vite logo

weapp-vite

Ask DeepWiki npm version npm downloads GitHub stars License CI status GitCode Star

给小程序现代化的开发体验

中文文档 · English README

weapp-vite 面向正在维护小程序的团队:既保留原生小程序的目录、语法和平台能力,又把 TypeScript、Vite/Rolldown、Vue SFC、自动化调试和 AI 协作带进日常研发。你可以从一个新模板开始,也可以把已有项目渐进接入进来。

目录

为什么选择 weapp-vite

  • 不必推翻现有小程序:可以继续写原生 Page / Component、WXML、WXSS 和 JSON 配置;存量项目也能按目录迁移、配置补齐、依赖安装的方式渐进接入。
  • 把日常开发效率补齐:TypeScript、ESM、Sass/Less、PostCSS、Tailwind CSS、JSONC、路径别名和 Vite 插件生态可以直接进入小程序工程,不再靠零散脚本拼维护体验。
  • 减少小程序工程的重复劳动:自动构建 miniprogram_npm、分包依赖分析、自动导入组件、自动路由、布局、生成页面/组件等能力,适合页面多、分包多、组件多的项目。
  • 保留原生能力,同时可逐步升级写法:团队可以先用 weapp-vite + 原生 稳定构建链路,再在新页面或局部模块中引入 Vue SFC 与 Wevu,而不是一次性重写业务。
  • 更适合真实小程序调试和验收wv dev --open、DevTools 配置预热、日志桥接、截图、截图对比、preview/upload 透传和 analyze 能覆盖从开发到上传前检查的常见链路。
  • 让 AI 协作落到真实运行时:脚手架会生成 AGENTS.md,并可接入 MCP、DevTools 日志、运行时截图和截图对比,让 AI 不只改代码,还能按小程序环境做验证。

特性亮点

  • 新项目:用 create-weapp-vite 选择原生、多平台 + Web、Vue SFC 多平台 + Web、Wevu、Tailwind CSS、TDesign、Vant、插件或组件库模板,并自动对齐依赖组合。
  • 存量项目:通过手动集成或 wv init 接入现有小程序,保留原有页面结构和平台能力。
  • Vue SFC:在小程序里使用 .vue Chat with me