稳定版weapp-vite
用 Vite 做小程序工程构建
处理依赖、路由、分包和多平台单目标构建。你可以继续写熟悉的页面结构，把构建链路交给它。
weapp-vite
vite.config.ts
import { defineConfig } from 'weapp-vite'
export default defineConfig({
weapp: {
multiPlatform: {
enabled: true,
targets: ['weapp'],
},
},
})输出目录示例
dist/weapp/dist/pages/index/
index.wxmlindex.wxssindex.jsindex.json
pnpm exec wv build -p weapp多平台模板 · experimental
button.html
<button
class="bg-emerald-700 text-white
rounded-md px-6 py-3
font-medium">
开始构建
</button>浏览器预览CSS
Tailwind CSS · Web
Registry CLI
pnpm dlx @varo-ui/cli add \
--target weapp \
button input card交互示意 · 规划中
你的下一个项目
3 / 3 · 已选择
静态代码示例 · 未运行数据库
sqlite.ts
// 先在 vite.config.ts 注册 weappSqlite()
// 静态代码示例 · 此页未运行数据库
import { openSqlite } from '@weapp-sqlite/weapp-vite/runtime'
const db = await openSqlite({ name: 'app.sqlite' })
try {
const result = await db.query(
'SELECT ? AS message', ['hello'],
)
console.log(result.rows)
}
finally {
await db.close()
}接入前提
先在 Vite 配置中注册 weappSqlite()Beta · Web 与微信开发者工具，微信真机待验证
terminal
npm create vite-taro@latest my-app
# 复用 React 与 Taro 组件和 API
# 官方 HMR 演示：标题更新，计数器仍为 5
