weapp-tailwindcss-setup

Installation
SKILL.md

weapp-tailwindcss setup

基于用户真实项目生成最小、可复制、可验证的接入配置。

工作流

  1. 读取项目的 package.json、Tailwind CSS 入口、框架配置和实际运行脚本。
  2. 确认框架、构建器、目标端、包版本、Node 版本;HBuilderX 项目同时确认 IDE 版本。
  3. 读取 references/framework-matrix.md,选择唯一匹配的注册位置和入口模式。
  4. 如果用户只需要单个 CSS 入口、stdin/stdout 或 canonicalize,选择独立 CLI;完整小程序项目继续使用 bundler 集成。
  5. bundler 项目先建立 Tailwind CSS 4 纯 CSS 入口,再让框架实际引入该入口,最后配置绝对路径 cssEntries
  6. 只注册一次 WeappTailwindcss。保留业务 PostCSS 插件,但不要在同一次受管构建中再注册 Tailwind 官方生成插件。
  7. 多端项目保留 H5/Web 链路,让插件自动选择目标;只有明确完全跳过插件的独立目标才使用 disabled
  8. 运行开发态和目标端构建,用新增任意值 class 验证生成、转译与 HMR。

配置原则

Installs
36
GitHub Stars
2
First Seen
Jul 28, 2026
weapp-tailwindcss-setup — sonofmagic/skills