mpx-tailwindcss-v4

Mpx + Tailwind CSS v4 + weapp-tailwindcss 小程序模板。

适用场景

• 使用 Mpx 开发微信小程序
• 需要直接体验 Tailwind CSS v4 在小程序侧的接入方式
• 希望保留 weapp-tailwindcss 的补丁与样式转换链路

技术栈

• Mpx
• Tailwind CSS v4
• weapp-tailwindcss
• pnpm

使用前提

• Node.js 20.19+
• pnpm
• 微信开发者工具

快速开始

pnpm install
pnpm serve

如果要直接打开微信开发者工具：

pnpm open

常用命令

pnpm serve   # 小程序开发构建
pnpm build   # 小程序生产构建
pnpm lint    # 代码检查
pnpm open    # 打开微信开发者工具

模板说明

• 安装依赖后会自动执行 weapp-tw patch
• 输出目录为 dist/wx
• 如需调整类名提取范围，请同步检查 tailwind 与构建配置

相关文档

• weapp-tailwindcss：https://tw.icebreaker.top/
• Mpx：https://mpxjs.cn/