{ "version": "1.0.0", "generatedAt": "2026-03-05T13:31:27.968Z", "siteUrl": "https://tw.icebreaker.top", "totals": { "all": 168, "docs": 164, "blog": 4 }, "documents": [ { "kind": "blog", "id": "blog:2025/3/v4-release", "title": "4.0.0 🚀", "description": "weapp-tailwindcss v4.0 正式发布，核心亮点是兼容 tailwindcss@4 并引入 tailwind-merge 运行时整合能力。文章总结了升级背后的思路，并提供 uni-app 示例帮助你快速落地。", "summary": "weapp-tailwindcss v4.0 正式发布，核心亮点是兼容 tailwindcss@4 并引入 tailwind-merge 运行时整合能力。文章总结了升级背后的思路，并提供 uni-app 示例帮助你快速落地。", "url": "/blog/v4-release", "canonical": "https://tw.icebreaker.top/blog/v4-release", "keywords": [ "v4 release", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "**总结**", "**uni-app 快速集成示例**", "# **1. 安装依赖**", "# **2. 配置 `vite.config.ts`**", "# **3. 添加样式**", "**遇到的问题以及解决方案**", "# **1. `tailwindcss@4` 的样式兼容性问题**", "# **2. `tailwind-merge` 样式合并问题**" ], "updatedAt": "2025-03-01T00:00:00.000Z", "source": "blog/2025/3/v4-release.md" }, { "kind": "blog", "id": "blog:2025/8/v4.2-release", "title": "4.2.0 🚀", "description": "weapp-tailwindcss@4.2.x 现已适配 uni-app x 的多端构建能力，让 Tailwind CSS 原子类能够无缝跨端使用。本文梳理了从项目初始化到插件配置的完整流程，帮助你快速完成集成与发布。", "summary": "weapp-tailwindcss@4.2.x 现已适配 uni-app x 的多端构建能力，让 Tailwind CSS 原子类能够无缝跨端使用。本文梳理了从项目初始化到插件配置的完整流程，帮助你快速完成集成与发布。", "url": "/blog/v4.2-release", "canonical": "https://tw.icebreaker.top/blog/v4.2-release", "keywords": [ "v4.2 release", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "前言", "快速集成", "# 0. 创建项目", "# 1. 安装并引入 tailwindcss@3", "# 2. 安装 weapp-tailwindcss", "# 3. uni-app x 中注册 weapp-tailwindcss", "## 3.0. 创建辅助函数", "## 3.1. 配置 `Vite`" ], "updatedAt": "2025-08-01T00:00:00.000Z", "source": "blog/2025/8/v4.2-release.mdx" }, { "kind": "blog", "id": "blog:2025/9/v4.3-release", "title": "4.3.0 🚀", "description": "weapp-tailwindcss@4.3.0 默认开启 CSS 变量计算模式，并补充了更细粒度的 cssCalc、px2rpx 等配置，显著提升了多端 rpx 与 calc 的兼容性。本文带你了解这些变化的原理与使用方法。", "summary": "weapp-tailwindcss@4.3.0 默认开启 CSS 变量计算模式，并补充了更细粒度的 cssCalc、px2rpx 等配置，显著提升了多端 rpx 与 calc 的兼容性。本文带你了解这些变化的原理与使用方法。", "url": "/blog/v4.3-release", "canonical": "https://tw.icebreaker.top/blog/v4.3-release", "keywords": [ "v4.3 release", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "CSS变量计算模式", "新增配置项", "# px2rpx", "# logLevel" ], "updatedAt": "2025-09-13T00:00:00.000Z", "source": "blog/2025/9/v4.3-release.md" }, { "kind": "blog", "id": "blog:2025/11/v4.7.0-merge-runtime", "title": "重新思考 weapp-tailwindcss 的未来", "description": "从编译期豁免到**运行时**自管理，weapp-tailwindcss/merge 的重构思路与未来规划。", "summary": "大家好，我是 weapp-tailwindcss、weapp-vite 的作者 icebreaker。", "url": "/blog/v4.7.0-merge-runtime", "canonical": "https://tw.icebreaker.top/blog/v4.7.0-merge-runtime", "keywords": [ "重新思考", "weapp-tailwindcss", "的未来", "v4.7.0 merge runtime", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "巨大的阻碍", "# 为什么无法在小程序里使用？", "1. tailwind-merge plugin / createTailwindMerge", "2. 编译期豁免", "# 新的挑战", "# 然而理想很丰满，现实很骨感", "为什么要重写 merge？", "新版 merge 的核心思路" ], "updatedAt": "2025-11-02T00:00:00.000Z", "source": "blog/2025/11/v4.7.0-merge-runtime.mdx" }, { "kind": "doc", "id": "doc:ai/index", "title": "AI 生成小程序代码", "description": "本页面为使用 AI 快速构建小程序的专题，希望能够帮助大家不断的提升自己的开发效率", "summary": "本页面为使用 AI 快速构建小程序的专题，希望能够帮助大家不断的提升自己的开发效率", "url": "/docs/ai", "canonical": "https://tw.icebreaker.top/docs/ai", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "生成小程序代码", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "提升效率", "AI 学习中心：Skill 快速安装", "如何参与贡献", "# 前置环境", "# 开始", "示例", "# 网站", "# 上传图片" ], "updatedAt": null, "source": "docs/ai/index.md" }, { "kind": "doc", "id": "doc:ai/ai-coding-deployment-guide", "title": "AI 编程助手落地实施方案", "description": "1. **合规边界**：哪些仓库/文件允许出境？是否必须审计留痕？（决定能不能用海外、能用到什么程度）", "summary": "1. **合规边界**：哪些仓库/文件允许出境？是否必须审计留痕？（决定能不能用海外、能用到什么程度）", "url": "/docs/ai/ai-coding-deployment-guide", "canonical": "https://tw.icebreaker.top/docs/ai/ai-coding-deployment-guide", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "编程助手落地实施方案", "ai coding deployment guide", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "0. 一页结论（先做决策，再做对比）", "# 0.1 决策最短路径（建议按这个顺序拍板）", "# 0.2 快速分流（用一句话选出“主力方案”）", "# 0.3 默认推荐（适用于大多数公司）", "1. 我们要解决什么问题（落地目标与边界）", "# 1.1 业务目标（建议写进 OKR）", "# 1.2 范围边界（避免项目失控）", "# 1.3 术语（让跨团队对齐）" ], "updatedAt": null, "source": "docs/ai/ai-coding-deployment-guide.md" }, { "kind": "doc", "id": "doc:ai/ai-coding-three-solutions", "title": "AI 编码助手五大方案选型指南", "description": "深度对比 Cursor IDE、GitHub Copilot、Claude Code、OpenAI Codex 和 AWS Kiro 五大 AI 编程方案的价格、额度和适用场景", "summary": "本文档将深入对比当前最主流的五种 AI 编程方案：**AWS Kiro**、**GitHub Copilot**、**Cursor IDE**、**Claude Code** 和 **OpenAI Codex**，帮助开发者根据自身需求选择最适合的工具。", "url": "/docs/ai/ai-coding-three-solutions", "canonical": "https://tw.icebreaker.top/docs/ai/ai-coding-three-solutions", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "编码助手五大方案选型指南", "ai coding three solutions", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "国内直接可用方案", "# 方案一：AWS Kiro ✅ 国内直接可用", "# 选择理由", "# ⚠️ 中国用户注意事项", "# 个人订阅方案", "# 团队订阅方案", "# 技术特点" ], "updatedAt": null, "source": "docs/ai/ai-coding-three-solutions.md" }, { "kind": "doc", "id": "doc:ai/ai-limitations", "title": "AI 共有的不足和缺陷", "description": "把模型当作不稳定的外部依赖来治理：先明确人类的职责、审批和复核流程，再让 AI 进入关键路径；留足监控、评测、韧性与人工兜底的预算，确保“人是决策者，AI 是工具”。", "summary": "把模型当作不稳定的外部依赖来治理：先明确人类的职责、审批和复核流程，再让 AI 进入关键路径；留足监控、评测、韧性与人工兜底的预算，确保“人是决策者，AI 是工具”。", "url": "/docs/ai/ai-limitations", "canonical": "https://tw.icebreaker.top/docs/ai/ai-limitations", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "共有的不足和缺陷", "ai limitations", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "数据与知识层面", "模型与算法局限", "系统与工程稳定性", "安全、对抗与隐私", "产品化与运营挑战", "典型高风险场景", "人的主导作用与落地原则", "应对建议（简要）" ], "updatedAt": null, "source": "docs/ai/ai-limitations.md" }, { "kind": "doc", "id": "doc:ai/ai-programming-plan", "title": "AI 编程方案选型指南", "description": "国际与国产 AI 编程平台、IDE 和插件的能力与订阅方案对比，附预算与场景化选型建议。", "summary": "本文档旨在为公司提供全面的 AI 编程工具选型参考，涵盖国际主流与国产优秀方案，从订阅服务、IDE 工具到插件扩展，帮助决策者根据团队需求、预算和使用场景做出最优选择。", "url": "/docs/ai/ai-programming-plan", "canonical": "https://tw.icebreaker.top/docs/ai/ai-programming-plan", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "编程方案选型指南", "ai programming plan", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "一、方案概述", "二、详细对比文档", "三、核心平台特点总结", "# 2.1 国际主流 AI 平台", "## **ChatGPT (OpenAI)**", "## **Claude (Anthropic)**", "## **Gemini Pro 3 / Flash (Google)**", "# 2.2 国产 Coding Plan 平台" ], "updatedAt": null, "source": "docs/ai/ai-programming-plan.md" }, { "kind": "doc", "id": "doc:ai/basics/agent", "title": "AI Agent（智能体）", "description": "1. **感知** (Perceive)：获取环境信息", "summary": "1. **感知** (Perceive)：获取环境信息", "url": "/docs/ai/basics/agent", "canonical": "https://tw.icebreaker.top/docs/ai/basics/agent", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "Agent", "智能体", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "核心概念", "# 1. Agent 的定义", "# 2. Agent 与 Chatbot 的区别", "Agent 的架构", "# 基本架构", "# 核心组件", "## 1. 规划模块 (Planning)" ], "updatedAt": null, "source": "docs/ai/basics/agent.md" }, { "kind": "doc", "id": "doc:ai/basics/ai-sandbox", "title": "AI 沙箱（Sandbox）", "description": "介绍 AI 沙箱的核心概念、风险隔离机制与实践方案，帮助在本地安全运行 AI 生成代码与命令。", "summary": "没有沙箱的情况下，AI 可能：", "url": "/docs/ai/basics/ai-sandbox", "canonical": "https://tw.icebreaker.top/docs/ai/basics/ai-sandbox", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "沙箱", "Sandbox", "basics", "ai sandbox", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "为什么需要 AI 沙箱", "# 1. 安全风险", "# 2. 典型场景", "沙箱的类型", "# 1. 进程级沙箱", "# 2. 容器级沙箱", "# 3. 虚拟机级沙箱" ], "updatedAt": null, "source": "docs/ai/basics/ai-sandbox.md" }, { "kind": "doc", "id": "doc:ai/basics/context-window", "title": "上下文窗口（Context Window）", "description": "当上下文接近窗口上限时，模型可能：", "summary": "当上下文接近窗口上限时，模型可能：", "url": "/docs/ai/basics/context-window", "canonical": "https://tw.icebreaker.top/docs/ai/basics/context-window", "keywords": [ "AI 编程", "LLM", "工作流", "上下文窗口", "Context", "Window", "ai", "basics", "context window", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "概述", "核心概念", "# 1. 上下文窗口的组成", "# 2. 输入 vs 输出窗口", "主流模型的上下文窗口", "# 超长上下文模型 (>500K)", "# 标准上下文模型 (100K-200K)", "# 中等上下文模型 (32K-100K)" ], "updatedAt": null, "source": "docs/ai/basics/context-window.md" }, { "kind": "doc", "id": "doc:ai/basics/llms-txt", "title": "LLMs.txt（LLM 友好文档）", "description": "├── components/ # 组件目录", "summary": "├── components/ # 组件目录", "url": "/docs/ai/basics/llms-txt", "canonical": "https://tw.icebreaker.top/docs/ai/basics/llms-txt", "keywords": [ "AI 编程", "LLM", "工作流", "LLMs.txt", "友好文档", "ai", "basics", "llms txt", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "llms.txt 的作用", "# 1. 为 AI 提供项目上下文", "# 2. 与 Claude Code CLAUDE.md 的关系", "# 3. 标准 vs 自定义", "llms.txt 的标准格式", "# 推荐结构", "项目概述" ], "updatedAt": null, "source": "docs/ai/basics/llms-txt.md" }, { "kind": "doc", "id": "doc:ai/basics/mcp", "title": "MCP (Model Context Protocol)", "description": "MCP 是一种**客户端-服务端协议**，定义了：", "summary": "MCP 是一种**客户端-服务端协议**，定义了：", "url": "/docs/ai/basics/mcp", "canonical": "https://tw.icebreaker.top/docs/ai/basics/mcp", "keywords": [ "AI 编程", "LLM", "工作流", "MCP", "Model", "Context", "Protocol", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "概述", "核心概念", "# 1. MCP 的定义", "# 2. 架构组件", "MCP 的核心能力", "# 1. 资源 (Resources)", "# 2. 提示词模板 (Prompts)", "# 3. 工具 (Tools)" ], "updatedAt": null, "source": "docs/ai/basics/mcp.md" }, { "kind": "doc", "id": "doc:ai/basics/power", "title": "Power（规范驱动编程）", "description": "Cursor 的 **Composer** 特性：", "summary": "Cursor 的 **Composer** 特性：", "url": "/docs/ai/basics/power", "canonical": "https://tw.icebreaker.top/docs/ai/basics/power", "keywords": [ "AI 编程", "LLM", "工作流", "Power", "规范驱动编程", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "Power 的定义", "# 1. 基本概念", "# 2. Power 的维度", "Power 的级别", "# Level 0: 无规范能力", "# Level 1: 基础规范理解", "# Level 2: 中级规范能力" ], "updatedAt": null, "source": "docs/ai/basics/power.md" }, { "kind": "doc", "id": "doc:ai/basics/prompt-engineering", "title": "Prompt Engineering（提示词工程）", "description": "function SubmitForm() {", "summary": "function SubmitForm() {", "url": "/docs/ai/basics/prompt-engineering", "canonical": "https://tw.icebreaker.top/docs/ai/basics/prompt-engineering", "keywords": [ "AI 编程", "LLM", "工作流", "Prompt", "Engineering", "提示词工程", "ai", "basics", "prompt engineering", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "概述", "什么是提示词", "# 1. 基本定义", "# 2. 提示词的组成部分", "好的提示词原则", "# CREATE 框架", "好的提示词 vs 差的提示词", "# 示例 1：代码生成" ], "updatedAt": null, "source": "docs/ai/basics/prompt-engineering.md" }, { "kind": "doc", "id": "doc:ai/basics/rag", "title": "RAG（检索增强生成）", "description": "系统讲解 RAG 架构、核心流程与实现要点，帮助你构建可检索、可追溯的 AI 知识问答系统。", "summary": "最简单的 RAG 实现：", "url": "/docs/ai/basics/rag", "canonical": "https://tw.icebreaker.top/docs/ai/basics/rag", "keywords": [ "AI 编程", "LLM", "工作流", "RAG", "检索增强生成", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "RAG 的核心概念", "# 1. 为什么需要 RAG", "# 2. RAG vs Fine-tuning", "RAG 的工作原理", "# 1. 基本流程", "# 2. 关键组件", "## 向量嵌入 (Embedding)" ], "updatedAt": null, "source": "docs/ai/basics/rag.md" }, { "kind": "doc", "id": "doc:ai/basics/skill", "title": "Skill（技能系统）", "description": "Skill 是一组可复用的执行规则与工作流，用来让 AI 在特定任务中更稳定地输出结果。", "summary": "Skill 是一组可复用的执行规则与工作流，用来让 AI 在特定任务中更稳定地输出结果。", "url": "/docs/ai/basics/skill", "canonical": "https://tw.icebreaker.top/docs/ai/basics/skill", "keywords": [ "AI 编程", "LLM", "工作流", "Skill", "技能系统", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "weapp-tailwindcss Skill 安装", "# 1. 从 GitHub 安装（推荐）", "# 2. 查看仓库可安装 Skill 列表", "# 3. 本地开发时安装当前目录 Skill", "装完后能做什么", "Skill 执行流程（更新）", "Skill 输出标准（更新）" ], "updatedAt": null, "source": "docs/ai/basics/skill.md" }, { "kind": "doc", "id": "doc:ai/basics/skill-release", "title": "Skill 发布与版本化", "description": "本页面面向 weapp-tailwindcss Skill 维护者，说明如何做版本管理、打 tag、发 release，并保持安装指令稳定可用。", "summary": "本页面面向 weapp-tailwindcss Skill 维护者，说明如何做版本管理、打 tag、发 release，并保持安装指令稳定可用。", "url": "/docs/ai/basics/skill-release", "canonical": "https://tw.icebreaker.top/docs/ai/basics/skill-release", "keywords": [ "AI 编程", "LLM", "工作流", "Skill", "发布与版本化", "ai", "basics", "skill release", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "适用对象", "发布前检查", "推荐版本策略", "发布流程（tag + GitHub Release）", "AI 学习中心展示规范" ], "updatedAt": null, "source": "docs/ai/basics/skill-release.md" }, { "kind": "doc", "id": "doc:ai/basics/spec-driven-development", "title": "Spec-Driven Development（规范驱动开发）", "description": "Cursor 的多步骤任务执行：", "summary": "Cursor 的多步骤任务执行：", "url": "/docs/ai/basics/spec-driven-development", "canonical": "https://tw.icebreaker.top/docs/ai/basics/spec-driven-development", "keywords": [ "AI 编程", "LLM", "工作流", "Spec-Driven", "Development", "规范驱动开发", "ai", "basics", "spec driven development", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "概述", "核心概念", "# 1. 什么是 Spec（规范）", "功能描述", "输入", "输出", "验证规则", "API 端点" ], "updatedAt": null, "source": "docs/ai/basics/spec-driven-development.md" }, { "kind": "doc", "id": "doc:ai/basics/token", "title": "Token（词元）", "description": "Token 是将文本切分成的**序列片段**：", "summary": "Token 是将文本切分成的**序列片段**：", "url": "/docs/ai/basics/token", "canonical": "https://tw.icebreaker.top/docs/ai/basics/token", "keywords": [ "AI 编程", "LLM", "工作流", "Token", "词元", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "概述", "Token 的本质", "# 1. 什么是 Token", "# 2. 分词 (Tokenization)", "# 3. 字节对编码 (BPE)", "Token 的计数规则", "# 1. 英文文本", "# 2. 中文文本" ], "updatedAt": null, "source": "docs/ai/basics/token.md" }, { "kind": "doc", "id": "doc:ai/basics/vibe-coding", "title": "Vibe Coding（直觉编程）", "description": "即使采用 Vibe Coding，也要：", "summary": "即使采用 Vibe Coding，也要：", "url": "/docs/ai/basics/vibe-coding", "canonical": "https://tw.icebreaker.top/docs/ai/basics/vibe-coding", "keywords": [ "AI 编程", "LLM", "工作流", "Vibe", "Coding", "直觉编程", "ai", "basics", "vibe coding", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "概述", "核心概念", "# 1. 什么是 Vibe Coding", "# 2. Vibe Coding vs 传统编程", "Vibe Coding 的风格", "# 1. 探索式编程", "# 2. 对话式编程", "# 3. 试错式编程" ], "updatedAt": null, "source": "docs/ai/basics/vibe-coding.md" }, { "kind": "doc", "id": "doc:ai/international-ai-models-comparison", "title": "国外顶尖编程模型选型建议书", "description": "经过对当前三大国外顶尖 AI 编程模型的深入分析，我们建议：", "summary": "经过对当前三大国外顶尖 AI 编程模型的深入分析，我们建议：", "url": "/docs/ai/international-ai-models-comparison", "canonical": "https://tw.icebreaker.top/docs/ai/international-ai-models-comparison", "keywords": [ "AI 编程", "LLM", "工作流", "国外顶尖编程模型选型建议书", "ai", "international ai models comparison", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "执行摘要", "一、三大模型核心对比", "# 1.1 基础信息对比", "# 1.2 核心能力雷达图", "二、Claude Opus 4.5：代码质量之王", "# 2.1 为什么 Claude Opus 4.5 代码质量第一？", "## 权威排名", "## 核心优势" ], "updatedAt": null, "source": "docs/ai/international-ai-models-comparison.md" }, { "kind": "doc", "id": "doc:ai/llms", "title": "LLM 友好文档 (llms.txt)", "description": "1. 在仓库根目录执行 pnpm --filter @weapp-tailwindcss/website build（或 cd website && pnpm build）。", "summary": "1. 在仓库根目录执行 pnpm --filter @weapp-tailwindcss/website build（或 cd website && pnpm build）。", "url": "/docs/ai/llms", "canonical": "https://tw.icebreaker.top/docs/ai/llms", "keywords": [ "AI 编程", "LLM", "工作流", "友好文档", "llms.txt", "ai", "llms", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "生成方式", "线上地址", "给 AI 的示例提示词", "离线使用" ], "updatedAt": null, "source": "docs/ai/llms.md" }, { "kind": "doc", "id": "doc:ai/qoder-vs-glm47-cursor-claude-comparison", "title": "AI 编程工具选型建议书", "description": "经过对当前主流 AI 编程工具和模型的深入分析，我们建议：", "summary": "经过对当前主流 AI 编程工具和模型的深入分析，我们建议：", "url": "/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "canonical": "https://tw.icebreaker.top/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "keywords": [ "AI 编程", "LLM", "工作流", "AI", "编程工具选型建议书", "qoder vs glm47 cursor claude comparison", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "执行摘要", "一、为什么选择 GLM-4.7？", "# 1.0 模型质量的重要性", "## 为什么模型好坏如此关键？", "## 真实案例对比", "# 1.1 用新不用旧：模型迭代的核心原则", "# 1.2 GLM-4.7 核心优势", "## 技术优势" ], "updatedAt": null, "source": "docs/ai/qoder-vs-glm47-cursor-claude-comparison.md" }, { "kind": "doc", "id": "doc:api/index", "title": "weapp-tailwindcss", "description": "weapp-tailwindcss API 入口，汇总配置项、生命周期、文件匹配与接口说明，便于按场景查阅插件能力。", "summary": "weapp-tailwindcss API 入口，汇总配置项、生命周期、文件匹配与接口说明，便于按场景查阅插件能力。", "url": "/docs/api", "canonical": "https://tw.icebreaker.top/docs/api", "keywords": [ "API", "接口文档", "配置项", "插件配置", "生命周期", "文件匹配", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置项", "接口" ], "updatedAt": null, "source": "docs/api/index.md" }, { "kind": "doc", "id": "doc:api-v2/index", "title": "weapp-tailwindcss-webpack-plugin", "description": "Ƭ **AppType**: \"uni-app\" \\| \"uni-app-vite\" \\| \"taro\" \\| \"remax\" \\| \"rax\" \\| \"native\" \\| \"kbone\" \\| \"mpx\"", "summary": "Ƭ **AppType**: \"uni-app\" \\| \"uni-app-vite\" \\| \"taro\" \\| \"remax\" \\| \"rax\" \\| \"native\" \\| \"kbone\" \\| \"mpx\"", "url": "/docs/api-v2", "canonical": "https://tw.icebreaker.top/docs/api-v2", "keywords": [ "API", "接口文档", "配置项", "weapp-tailwindcss-webpack-plugin", "api v2", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Classes", "Interfaces", "Type Aliases", "# AppType", "## Defined in", "# CreateJsHandlerOptions", "## Defined in", "# CssPreflightOptions" ], "updatedAt": null, "source": "docs/api-v2/index.md" }, { "kind": "doc", "id": "doc:api-v2/classes/UnifiedWebpackPluginV5", "title": "Class: UnifiedWebpackPluginV5", "description": "UnifiedWebpackPluginV5", "summary": "UnifiedWebpackPluginV5", "url": "/docs/api-v2/classes/UnifiedWebpackPluginV5", "canonical": "https://tw.icebreaker.top/docs/api-v2/classes/UnifiedWebpackPluginV5", "keywords": [ "API", "接口文档", "配置项", "Class", "UnifiedWebpackPluginV5", "api v2", "classes", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Implements", "Constructors", "# constructor", "## Parameters", "## Returns", "## Defined in", "Properties", "# appType" ], "updatedAt": null, "source": "docs/api-v2/classes/UnifiedWebpackPluginV5.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/IArbitraryValues", "title": "Interface: IArbitraryValues", "description": "• Optional **allowDoubleQuotes**: boolean", "summary": "• Optional **allowDoubleQuotes**: boolean", "url": "/docs/api-v2/interfaces/IArbitraryValues", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/IArbitraryValues", "keywords": [ "API", "接口文档", "配置项", "Interface", "IArbitraryValues", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# allowDoubleQuotes", "## Defined in" ], "updatedAt": null, "source": "docs/api-v2/interfaces/IArbitraryValues.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/IBaseWebpackPlugin", "title": "Interface: IBaseWebpackPlugin", "description": "• Optional **appType**: AppType", "summary": "• Optional **appType**: AppType", "url": "/docs/api-v2/interfaces/IBaseWebpackPlugin", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/IBaseWebpackPlugin", "keywords": [ "API", "接口文档", "配置项", "Interface", "IBaseWebpackPlugin", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Implemented by", "Properties", "# appType", "## Defined in", "# apply", "## Type declaration", "### Parameters", "### Returns" ], "updatedAt": null, "source": "docs/api-v2/interfaces/IBaseWebpackPlugin.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/ICommonReplaceOptions", "title": "Interface: ICommonReplaceOptions", "description": "↳ ITemplateHandlerOptions", "summary": "↳ ITemplateHandlerOptions", "url": "/docs/api-v2/interfaces/ICommonReplaceOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/ICommonReplaceOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "ICommonReplaceOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Hierarchy", "Properties", "# escapeMap", "## Defined in", "# keepEOL", "## Defined in" ], "updatedAt": null, "source": "docs/api-v2/interfaces/ICommonReplaceOptions.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/ILengthUnitsPatchDangerousOptions", "title": "Interface: ILengthUnitsPatchDangerousOptions", "description": "• Optional **destPath**: string", "summary": "• Optional **destPath**: string", "url": "/docs/api-v2/interfaces/ILengthUnitsPatchDangerousOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/ILengthUnitsPatchDangerousOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "ILengthUnitsPatchDangerousOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# destPath", "## Defined in", "# gteVersion", "## Defined in", "# lengthUnitsFilePath", "## Defined in", "# overwrite" ], "updatedAt": null, "source": "docs/api-v2/interfaces/ILengthUnitsPatchDangerousOptions.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/ILengthUnitsPatchOptions", "title": "Interface: ILengthUnitsPatchOptions", "description": "• Optional **basedir**: string", "summary": "• Optional **basedir**: string", "url": "/docs/api-v2/interfaces/ILengthUnitsPatchOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/ILengthUnitsPatchOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "ILengthUnitsPatchOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# basedir", "## Defined in", "# dangerousOptions", "## Defined in", "# paths", "## Defined in", "# units" ], "updatedAt": null, "source": "docs/api-v2/interfaces/ILengthUnitsPatchOptions.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/InternalCssSelectorReplacerOptions", "title": "Interface: InternalCssSelectorReplacerOptions", "description": "• Optional **escapeMap**: Record", "summary": "• Optional **escapeMap**: Record", "url": "/docs/api-v2/interfaces/InternalCssSelectorReplacerOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/InternalCssSelectorReplacerOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "InternalCssSelectorReplacerOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# escapeMap", "## Defined in" ], "updatedAt": null, "source": "docs/api-v2/interfaces/InternalCssSelectorReplacerOptions.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/InternalPatchResult", "title": "Interface: InternalPatchResult", "description": "InternalPatchResult", "summary": "InternalPatchResult", "url": "/docs/api-v2/interfaces/InternalPatchResult", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/InternalPatchResult", "keywords": [ "API", "接口文档", "配置项", "Interface", "InternalPatchResult", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# dataTypes", "## Defined in", "# plugin", "## Defined in", "# processTailwindFeatures", "## Defined in" ], "updatedAt": null, "source": "docs/api-v2/interfaces/InternalPatchResult.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/IPropValue", "title": "Interface: IPropValue", "description": "• **prop**: string", "summary": "• **prop**: string", "url": "/docs/api-v2/interfaces/IPropValue", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/IPropValue", "keywords": [ "API", "接口文档", "配置项", "Interface", "IPropValue", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# prop", "## Defined in", "# value", "## Defined in" ], "updatedAt": null, "source": "docs/api-v2/interfaces/IPropValue.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/ITemplateHandlerOptions", "title": "Interface: ITemplateHandlerOptions", "description": "↳ **ITemplateHandlerOptions**", "summary": "↳ **ITemplateHandlerOptions**", "url": "/docs/api-v2/interfaces/ITemplateHandlerOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/ITemplateHandlerOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "ITemplateHandlerOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Hierarchy", "Properties", "# customAttributesEntities", "## Defined in", "# disabledDefaultTemplateHandler", "## Defined in", "# escapeMap", "## Overrides" ], "updatedAt": null, "source": "docs/api-v2/interfaces/ITemplateHandlerOptions.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/RawSource", "title": "Interface: RawSource", "description": "• **end**: number", "summary": "• **end**: number", "url": "/docs/api-v2/interfaces/RawSource", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/RawSource", "keywords": [ "API", "接口文档", "配置项", "Interface", "RawSource", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# end", "## Defined in", "# raw", "## Defined in", "# source", "## Defined in", "# start" ], "updatedAt": null, "source": "docs/api-v2/interfaces/RawSource.md" }, { "kind": "doc", "id": "doc:api-v2/interfaces/UserDefinedOptions", "title": "Interface: UserDefinedOptions", "description": "• Optional **appType**: AppType", "summary": "• Optional **appType**: AppType", "url": "/docs/api-v2/interfaces/UserDefinedOptions", "canonical": "https://tw.icebreaker.top/docs/api-v2/interfaces/UserDefinedOptions", "keywords": [ "API", "接口文档", "配置项", "Interface", "UserDefinedOptions", "api v2", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Properties", "# appType", "## Defined in", "# arbitraryValues", "## Defined in", "# cssChildCombinatorReplaceValue", "## Defined in", "# cssMatcher" ], "updatedAt": null, "source": "docs/api-v2/interfaces/UserDefinedOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/DisabledOptions", "title": "DisabledOptions", "description": "定义于: packages/weapp-tailwindcss/src/types/disabled-options.ts:9", "summary": "定义于: packages/weapp-tailwindcss/src/types/disabled-options.ts:9", "url": "/docs/api/interfaces/DisabledOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/DisabledOptions", "keywords": [ "API", "接口文档", "配置项", "DisabledOptions", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "添加于", "备注", "属性", "# plugin?", "## 默认值", "# rewriteCssImports?", "## 默认值" ], "updatedAt": null, "source": "docs/api/interfaces/DisabledOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/TailwindcssPatchOptions", "title": "TailwindcssPatchOptions", "description": "定义于: node_modules/.pnpm/tailwindcss-patch@8.6.1_magicast@0.5.1_tailwindcss@4.1.18/node_modules/tailwindcss-patch/dist/index.d.ts:117", "summary": "定义于: node_modules/.pnpm/tailwindcss-patch@8.6.1_magicast@0.5.1_tailwindcss@4.1.18/node_modules/tailwindcss-patch/dist/index.d.ts:117", "url": "/docs/api/interfaces/TailwindcssPatchOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/TailwindcssPatchOptions", "keywords": [ "API", "接口文档", "配置项", "TailwindcssPatchOptions", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "属性", "# cwd?", "# overwrite?", "# tailwind?", "# features?", "# filter()?", "## 参数", "### className" ], "updatedAt": null, "source": "docs/api/interfaces/TailwindcssPatchOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/UserDefinedOptions", "title": "UserDefinedOptions", "description": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "summary": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "url": "/docs/api/interfaces/UserDefinedOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions", "keywords": [ "API", "接口文档", "配置项", "UserDefinedOptions", "interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "分组入口" ], "updatedAt": null, "source": "docs/api/interfaces/UserDefinedOptions.md" }, { "kind": "doc", "id": "doc:api/options/general", "title": "⚙️ 一般配置", "description": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "summary": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "url": "/docs/api/options/general", "canonical": "https://tw.icebreaker.top/docs/api/options/general", "keywords": [ "API", "接口文档", "配置项", "一般配置", "options", "general", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置一览", "常用配置模板", "详细说明", "# appType", "## 备注", "## 默认值", "## 示例", "# arbitraryValues" ], "updatedAt": null, "source": "docs/api/options/general.mdx" }, { "kind": "doc", "id": "doc:api/options/important", "title": "✅ 重要配置", "description": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "summary": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "url": "/docs/api/options/important", "canonical": "https://tw.icebreaker.top/docs/api/options/important", "keywords": [ "API", "接口文档", "配置项", "重要配置", "options", "important", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置一览", "常用配置模板", "详细说明", "# cssCalc", "## 备注", "## 默认值", "## 示例", "# cssEntries" ], "updatedAt": null, "source": "docs/api/options/important.mdx" }, { "kind": "doc", "id": "doc:api/options/lifecycle", "title": "🧭 生命周期", "description": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "summary": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "url": "/docs/api/options/lifecycle", "canonical": "https://tw.icebreaker.top/docs/api/options/lifecycle", "keywords": [ "API", "接口文档", "配置项", "生命周期", "options", "lifecycle", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置一览", "详细说明", "# onEnd", "## 备注", "## 默认值", "## 示例", "# onLoad", "## 备注" ], "updatedAt": null, "source": "docs/api/options/lifecycle.mdx" }, { "kind": "doc", "id": "doc:api/options/matchers", "title": "🧩 文件匹配", "description": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "summary": "定义于: packages/weapp-tailwindcss/src/types/user-defined-options/index.ts:13", "url": "/docs/api/options/matchers", "canonical": "https://tw.icebreaker.top/docs/api/options/matchers", "keywords": [ "API", "接口文档", "配置项", "文件匹配", "options", "matchers", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置一览", "详细说明", "# cssMatcher", "## 备注", "## 默认值", "## 示例", "# htmlMatcher", "## 备注" ], "updatedAt": null, "source": "docs/api/options/matchers.mdx" }, { "kind": "doc", "id": "doc:api/other-interfaces", "title": "🗂️ 其他接口", "description": "以下接口用于补充配置或运行时能力，本页面仅提供索引。", "summary": "以下接口用于补充配置或运行时能力，本页面仅提供索引。", "url": "/docs/api/other-interfaces", "canonical": "https://tw.icebreaker.top/docs/api/other-interfaces", "keywords": [ "API", "接口文档", "配置项", "其他接口", "other interfaces", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/api/other-interfaces.md" }, { "kind": "doc", "id": "doc:at-property", "title": "at property", "description": "在 CSS 里，@property 是一个 **注册自定义属性（CSS Custom Properties）** 的新特性，它解决了原先 --var: value 那种“纯字符串变量”的一些缺陷。它主要提供了 **类型约束、初始值、继承控制** 等能力，让浏览器能更高效地处理这…", "summary": "在 CSS 里，@property 是一个 **注册自定义属性（CSS Custom Properties）** 的新特性，它解决了原先 --var: value 那种“纯字符串变量”的一些缺陷。它主要提供了 **类型约束、初始值、继承控制** 等能力，让浏览器能更高效地处理这些变量，从而带来性能优化。", "url": "/docs/at-property", "canonical": "https://tw.icebreaker.top/docs/at-property", "keywords": [ "at", "property", "at property", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "1. `@property` 的基本作用", "2. 为什么它能优化性能", "3. 示例场景", "# 动画数值", "# 渐变颜色", "# 响应式尺寸", "4. 小结", "1. **防止变量未定义时的 FOUC（闪烁）**" ], "updatedAt": null, "source": "docs/at-property.md" }, { "kind": "doc", "id": "doc:community", "title": "生态以及解决方案", "description": "汇总 weapp-tailwindcss 生态插件、模板与多端实践方案，包含主题、多上下文与外部组件集成指南。", "summary": "汇总 weapp-tailwindcss 生态插件、模板与多端实践方案，包含主题、多上下文与外部组件集成指南。", "url": "/docs/community", "canonical": "https://tw.icebreaker.top/docs/community", "keywords": [ "生态以及解决方案", "community", "生态插件", "模板", "多端方案", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "插件", "# [@weapp-tailwindcss/typography](./community/typography)", "# [开箱即用的小程序icon解决方案](./icons)", "# [uni-app 条件编译语法糖插件](./quick-start/uni-app-css-macro)", "模板", "# [各个框架的模板](./community/templates)", "解决方案", "# [小程序多主题方案](./quick-start/apply-themes)" ], "updatedAt": null, "source": "docs/community.md" }, { "kind": "doc", "id": "doc:community/consult", "title": "咨询与定制服务", "description": "国内像我这种开源，大部分都是为爱发电，除了个别朋友零星的打赏之外就再也没有人赞助了，当然打赏的钱也非常少，总的打赏金额比我一天的工资少多了。", "summary": "国内像我这种开源，大部分都是为爱发电，除了个别朋友零星的打赏之外就再也没有人赞助了，当然打赏的钱也非常少，总的打赏金额比我一天的工资少多了。", "url": "/docs/community/consult", "canonical": "https://tw.icebreaker.top/docs/community/consult", "keywords": [ "社区", "模板", "案例", "咨询与定制服务", "community", "consult", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "一些碎碎念" ], "updatedAt": null, "source": "docs/community/consult.md" }, { "kind": "doc", "id": "doc:community/group", "title": "加入技术交流群", "description": "如果你在使用中遇到什么问题，也欢迎你进入交流群进行提问。", "summary": "如果你在使用中遇到什么问题，也欢迎你进入交流群进行提问。", "url": "/docs/community/group", "canonical": "https://tw.icebreaker.top/docs/community/group", "keywords": [ "社区", "模板", "案例", "加入技术交流群", "community", "group", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/community/group.md" }, { "kind": "doc", "id": "doc:community/load-font", "title": "加载自定义字体", "description": "详见: https://github.com/sonofmagic/weapp-tailwindcss/discussions/637", "summary": "详见: https://github.com/sonofmagic/weapp-tailwindcss/discussions/637", "url": "/docs/community/load-font", "canonical": "https://tw.icebreaker.top/docs/community/load-font", "keywords": [ "社区", "模板", "案例", "加载自定义字体", "community", "load font", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "微信小程序加载自定义字体" ], "updatedAt": null, "source": "docs/community/load-font.md" }, { "kind": "doc", "id": "doc:community/merge/overview", "title": "概览", "description": "@weapp-tailwindcss/merge 的定位、安装方式、快速上手示例以及多端项目的常见用法。", "summary": "@weapp-tailwindcss/merge 是面向小程序生态的 tailwind-merge 运行时封装，适配 tailwindcss@4。它在合并前后自动执行 escape/unescape，并内置 rpx 长度归一化，保证小程序与编译期插件输出保持一致。", "url": "/docs/community/merge", "canonical": "https://tw.icebreaker.top/docs/community/merge", "keywords": [ "社区", "模板", "案例", "概览", "community", "merge", "overview", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "运行时矩阵", "运行时流程（小程序）", "安装", "快速上手", "rpx 长度归一化", "与 weapp-tailwindcss 编译期协作", "多端项目：按需控制转义", "相关运行时" ], "updatedAt": null, "source": "docs/community/merge/overview.mdx" }, { "kind": "doc", "id": "doc:community/merge/cva-and-variants", "title": "cva 与 tailwind-variants 支持", "description": "使用 weapp-tailwindcss runtime 系列（@weapp-tailwindcss/cva 与 @weapp-tailwindcss/variants）内置的 cva()、tv() 等工具，快速封装跨端组件。", "summary": "@weapp-tailwindcss/cva 与 @weapp-tailwindcss/variants 对 class-variance-authority（cva）和 tailwind-variants 进行了运行时封装，保证输出类名与小程序编译期一致。", "url": "/docs/community/merge/cva-and-variants", "canonical": "https://tw.icebreaker.top/docs/community/merge/cva-and-variants", "keywords": [ "社区", "模板", "案例", "cva", "tailwind-variants", "支持", "community", "merge", "cva and variants", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "安装", "cva()", "# Live Demo", "tailwind-variants", "# 组合变体", "# cn / cnBase", "# 多端项目", "# Live Demo" ], "updatedAt": null, "source": "docs/community/merge/cva-and-variants.mdx" }, { "kind": "doc", "id": "doc:community/merge/integration", "title": "集成与排障指南", "description": "在真实项目中集成 @weapp-tailwindcss/merge 的注意事项，以及针对不同打包器的调试技巧。", "summary": "weapp-tailwindcss 会在编译阶段扫描源码中的 twMerge、twJoin、cva、cn、tv、weappTwIgnore 等标识符。当打包器在压缩环节改写了函数名（如将 twMerge 压成 a），扫描就会失败，导致运行时字符串无法还原。", "url": "/docs/community/merge/integration", "canonical": "https://tw.icebreaker.top/docs/community/merge/integration", "keywords": [ "社区", "模板", "案例", "集成与排障指南", "community", "merge", "integration", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "与构建工具协作", "# 保留关键函数名", "运行时包选择", "与 weapp-tailwindcss 插件联动", "rpx 长度与任意值", "调试建议" ], "updatedAt": null, "source": "docs/community/merge/integration.mdx" }, { "kind": "doc", "id": "doc:community/merge/runtime-api", "title": "运行时 API", "description": "shared runtime —— @weapp-tailwindcss/runtime 以及 merge 系列在小程序里的用法。", "summary": "@weapp-tailwindcss/runtime 是所有运行时包的公共底座，统一提供 escape/unescape、clsx、weappTwIgnore、createRuntimeFactory 与 createRpxLengthTransform。", "url": "/docs/community/merge/runtime-api", "canonical": "https://tw.icebreaker.top/docs/community/merge/runtime-api", "keywords": [ "社区", "模板", "案例", "运行时", "API", "community", "merge", "runtime api", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "Runtime 基础导出", "createRuntimeFactory", "createRpxLengthTransform", "merge 运行时的标准导出", "twMerge(...classValues)", "twJoin(...classValues)", "create(options?)" ], "updatedAt": null, "source": "docs/community/merge/runtime-api.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/index", "title": "packages-runtime 总览", "description": "runtime 系列包的版本选择、能力矩阵与多端使用心智模型。", "summary": "packages-runtime 是 weapp-tailwindcss 的运行时能力集合，用来把编译期的类名规则延伸到小程序端，解决「动态类名冲突」「非法字符转义」「多端一致性」等问题。它们基于 @weapp-tailwindcss/runtime 提供 escape/unescape 与工厂能力，配合不同的 Tailwind 版本进行组合。", "url": "/docs/community/packages-runtime", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime", "keywords": [ "社区", "模板", "案例", "packages-runtime", "总览", "community", "packages runtime", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "运行时矩阵", "版本选择", "pnpm + uni-app 注意事项", "多端心智模型（小程序 + Web）", "章节速览" ], "updatedAt": null, "source": "docs/community/packages-runtime/index.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/cva", "title": "@weapp-tailwindcss/cva", "description": "class-variance-authority 的小程序运行时封装，自动处理 escape 并保持类型推导。", "summary": "@weapp-tailwindcss/cva 是 class-variance-authority 的运行时封装，输出的类名会自动完成小程序转义。API 与类型推导保持一致，可直接替换原版 cva。", "url": "/docs/community/packages-runtime/cva", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/cva", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "cva", "community", "packages runtime", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "基础用法", "小程序 + Web", "Demo：跨端变体工厂", "常见注意事项" ], "updatedAt": null, "source": "docs/community/packages-runtime/cva.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/merge", "title": "@weapp-tailwindcss/merge（Tailwind v4）", "description": "适配 Tailwind v4 的 tailwind-merge 运行时封装，提供小程序 escape/unescape 与多端工厂能力。", "summary": "@weapp-tailwindcss/merge 是 tailwind-merge@3 的小程序友好封装，适配 tailwindcss@4。它在合并前后自动处理 escape/unescape，使运行时输出与编译期一致。", "url": "/docs/community/packages-runtime/merge", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/merge", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "merge", "Tailwind", "v4", "community", "packages runtime", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "核心 API", "# 基础示例", "# 扩展合并规则", "小程序用法", "Web 用法（关闭转义）", "Demo：按钮类名合并", "常见注意事项" ], "updatedAt": null, "source": "docs/community/packages-runtime/merge.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/merge-v3", "title": "@weapp-tailwindcss/merge-v3（Tailwind v3）", "description": "适配 Tailwind v3 的 tailwind-merge 运行时封装，面向旧项目与长期维护。", "summary": "@weapp-tailwindcss/merge-v3 是 tailwind-merge@2 的小程序友好封装，专为 tailwindcss@3 设计。API 与 @weapp-tailwindcss/merge 完全一致，只是内部合并规则基于 v3 体系。", "url": "/docs/community/packages-runtime/merge-v3", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/merge-v3", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "merge-v3", "Tailwind", "v3", "community", "packages runtime", "merge v3", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "安装", "基础用法", "自定义运行时", "与 Tailwind v4 的区别", "Demo：自定义合并规则" ], "updatedAt": null, "source": "docs/community/packages-runtime/merge-v3.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/multi-platform-demos", "title": "多端 Demo：小程序 + Web", "description": "基于 packages-runtime 的跨端示例：uni-app + Web、Taro + Web。", "summary": "本页示例统一以 **Tailwind v4** 为主线（@weapp-tailwindcss/merge + @weapp-tailwindcss/variants）。如果你的项目仍是 Tailwind v3，请将 merge/variants 替换为 merge-v3/variants-v3。", "url": "/docs/community/packages-runtime/multi-platform-demos", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/multi-platform-demos", "keywords": [ "社区", "模板", "案例", "多端", "Demo", "小程序", "Web", "community", "packages runtime", "multi platform demos", "weapp-tailwindcss", "tailwindcss", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "Demo 1：uni-app + Web（Vue + TS）", "# 共享变体（`src/ui/button.variants.ts`）", "# 小程序 / H5 共用页面（`src/pages/index/index.vue`）", "# 注意事项", "Demo 2：Taro + Web（React + TSX）", "# 共享变体（`src/ui/card.variants.ts`）", "# 小程序页面（`src/pages/index/index.tsx`）", "# Web 组件（`src/components/Card.web.tsx`）" ], "updatedAt": null, "source": "docs/community/packages-runtime/multi-platform-demos.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/tailwind-variant-v3", "title": "tailwind-variant-v3", "description": "面向 Tailwind v3 的通用变体运行时，支持 twMergeAdapter 与 slots。", "summary": "tailwind-variant-v3 是 Tailwind v3 时代的变体运行时（上游包），提供 tv/createTV/cn 等 API，并支持通过 twMergeAdapter 接入自定义合并器。它不包含小程序的 escape/unescape 逻辑。", "url": "/docs/community/packages-runtime/tailwind-variant-v3", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/tailwind-variant-v3", "keywords": [ "社区", "模板", "案例", "tailwind-variant-v3", "community", "packages runtime", "tailwind variant v3", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "基础用法", "默认 twMerge 配置", "小程序适配：注入 merge-v3", "适用场景建议" ], "updatedAt": null, "source": "docs/community/packages-runtime/tailwind-variant-v3.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/variants", "title": "@weapp-tailwindcss/variants", "description": "tailwind-variants 的小程序运行时封装，提供 tv/cn/createTV 等 API。", "summary": "@weapp-tailwindcss/variants 是 tailwind-variants 的小程序封装，自动完成 escape/unescape，并默认集成 @weapp-tailwindcss/merge 的合并能力。适用于 Tailwind v4 项目。", "url": "/docs/community/packages-runtime/variants", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/variants", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "variants", "community", "packages runtime", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "tv：变体工厂", "cn / cnBase", "小程序 + Web", "Demo：复用同一配置", "默认 twMerge 配置", "常见注意事项" ], "updatedAt": null, "source": "docs/community/packages-runtime/variants.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/variants-v3", "title": "@weapp-tailwindcss/variants-v3", "description": "面向 Tailwind v3 的小程序变体运行时，基于 tailwind-variant-v3 与 merge-v3。", "summary": "@weapp-tailwindcss/variants-v3 是 tailwind-variant-v3 的小程序封装，内置 @weapp-tailwindcss/merge-v3，自动完成 escape/unescape 与类名合并。适用于 tailwindcss@3 项目。", "url": "/docs/community/packages-runtime/variants-v3", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/variants-v3", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "variants-v3", "community", "packages runtime", "variants v3", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "tv：变体工厂", "cn / createTV", "小程序 + Web", "Demo：复用同一配置", "默认 twMerge 配置", "常见注意事项" ], "updatedAt": null, "source": "docs/community/packages-runtime/variants-v3.mdx" }, { "kind": "doc", "id": "doc:community/plugins", "title": "适配的 `tailwindcss` 插件", "description": "虽然，相当一部分 tailwindcss 插件，都可以直接在 weapp-tailwindcss 里使用了。", "summary": "虽然，相当一部分 tailwindcss 插件，都可以直接在 weapp-tailwindcss 里使用了。", "url": "/docs/community/plugins", "canonical": "https://tw.icebreaker.top/docs/community/plugins", "keywords": [ "社区", "模板", "案例", "适配的", "tailwindcss", "插件", "community", "plugins", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/community/plugins.md" }, { "kind": "doc", "id": "doc:community/templates", "title": "🔥各个框架的模板", "description": "当你配置不对的时候，也可以参考参考, 其中带有 🔥 标志的为推荐使用版本", "summary": "当你配置不对的时候，也可以参考参考, 其中带有 🔥 标志的为推荐使用版本", "url": "/docs/community/templates", "canonical": "https://tw.icebreaker.top/docs/community/templates", "keywords": [ "社区", "模板", "案例", "各个框架的模板", "community", "templates", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "uni-app", "# 使用 `uni-app cli` 进行构建 `vscode` 开发", "# 使用 `hbuilderx` 进行构建和开发", "tarojs", "# 使用 `tarojs` 进行构建 `vscode` 开发", "native", "# 原生小程序开发模板", "## 下方的技术架构过于老旧，不推荐" ], "updatedAt": null, "source": "docs/community/templates.mdx" }, { "kind": "doc", "id": "doc:community/typography", "title": "@weapp-tailwindcss/typography", "description": "小程序 @tailwindcss/typography 富文本渲染方案", "summary": "小程序 @tailwindcss/typography 富文本渲染方案", "url": "/docs/community/typography", "canonical": "https://tw.icebreaker.top/docs/community/typography", "keywords": [ "社区", "模板", "案例", "weapp-tailwindcss", "typography", "community", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "介绍", "如何使用?", "# 安装", "# 注册", "## 创建组件", "## 创建独立 tailwindcss 上下文", "## 指定全局样式配置文件", "配置项" ], "updatedAt": null, "source": "docs/community/typography.md" }, { "kind": "doc", "id": "doc:copyright", "title": "版权信息", "description": "weapp-tailwindcss 项目版权与证书信息，包含 G-Star 认证与软件著作权证书展示。", "summary": "weapp-tailwindcss 项目版权与证书信息，包含 G-Star 认证与软件著作权证书展示。", "url": "/docs/copyright", "canonical": "https://tw.icebreaker.top/docs/copyright", "keywords": [ "版权信息", "copyright", "证书", "G-Star", "软件著作权", "版权声明", "资源归属", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "AtomGit G-Star 项目毕业认证", "软件著作权登记证书" ], "updatedAt": null, "source": "docs/copyright.md" }, { "kind": "doc", "id": "doc:evolution", "title": "技术演进", "description": "目前 weapp-tailwindcss 使用:", "summary": "目前 weapp-tailwindcss 使用:", "url": "/docs/evolution", "canonical": "https://tw.icebreaker.top/docs/evolution", "keywords": [ "技术演进", "evolution", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "wxml", "babel", "postcss" ], "updatedAt": null, "source": "docs/evolution.md" }, { "kind": "doc", "id": "doc:how-to-contribute", "title": "如何贡献", "description": "其实非常简单，你不一定需要贡献代码，你提一个 issue，回答一个问题，写一篇相关的文章，这些都是为项目做贡献，无需拘泥于具体的形式。", "summary": "其实非常简单，你不一定需要贡献代码，你提一个 issue，回答一个问题，写一篇相关的文章，这些都是为项目做贡献，无需拘泥于具体的形式。", "url": "/docs/how-to-contribute", "canonical": "https://tw.icebreaker.top/docs/how-to-contribute", "keywords": [ "如何贡献", "how to contribute", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "如何本项目做贡献？", "贡献指南", "# 文档贡献", "## 目录介绍", "# 代码贡献", "## 根目录介绍", "## 使用技术介绍", "# src 源代码介绍" ], "updatedAt": null, "source": "docs/how-to-contribute.md" }, { "kind": "doc", "id": "doc:icons/index", "title": "小程序 `icon` 解决方案", "description": "这里介绍一种在小程序里，开箱即用的 icon 解决方案：iconify", "summary": "这里介绍一种在小程序里，开箱即用的 icon 解决方案：iconify", "url": "/docs/icons", "canonical": "https://tw.icebreaker.top/docs/icons", "keywords": [ "小程序", "icon", "解决方案", "icons", "weapp-tailwindcss", "tailwindcss", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "立即开始", "Tailwindcss v4", "icon预览挑选网站", "生成结果" ], "updatedAt": null, "source": "docs/icons/index.md" }, { "kind": "doc", "id": "doc:intro", "title": "简介", "description": "由于小程序运行时，本身有自己的一套 **独特的** 技术规范标准。这导致你无法使用 web 开发中的很多的特性，", "summary": "由于小程序运行时，本身有自己的一套 **独特的** 技术规范标准。这导致你无法使用 web 开发中的很多的特性，", "url": "/docs/intro", "canonical": "https://tw.icebreaker.top/docs/intro", "keywords": [ "简介", "intro", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "总览", "环境要求", "Why `weapp-tailwindcss`?", "快速开始 :rocket:", "# 🔥 Tailwind CSS @3.x", "## 👉 [1. 框架类( `taro` , `uni-app` , `mpx` )小程序开发的快速开始](/docs/quick-start/install)", "## 👉 [2. 原生小程序开发的快速开始](/docs/quick-start/native/install)", "## 👉 [3. 可直接使用的各个框架的小程序模板](/docs/community/templates)" ], "updatedAt": null, "source": "docs/intro.md" }, { "kind": "doc", "id": "doc:issues/index", "title": "常见问题", "description": "目前微信开发者工具会默认开启代码自动热重载 compileHotReLoad 功能，这个功能在原生开发中表现良好，但在 uni-app 和 taro 等的框架中，存在一定的问题，参见 issues#37，所以如果你遇到了此类问题，建议关闭 compileHotReLoad 功能。", "summary": "目前微信开发者工具会默认开启代码自动热重载 compileHotReLoad 功能，这个功能在原生开发中表现良好，但在 uni-app 和 taro 等的框架中，存在一定的问题，参见 issues#37，所以如果你遇到了此类问题，建议关闭 compileHotReLoad 功能。", "url": "/docs/issues", "canonical": "https://tw.icebreaker.top/docs/issues", "keywords": [ "常见问题", "故障排查", "兼容性", "issues", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "为什么我更改了 class 保存重新打包的时候热更新失效？", "`disabled:opacity-50` 这类的 `tailwindcss` 工具类不生效?", "`background-image` 为什么不能使用本地路径？", "和原生组件一起使用注意事项", "编译到 h5 / app 注意事项", "报错 TypeError: Cannot use 'in' operator to search for 'CallExpression' in undefined", "taro webpack5 环境下，这个插件和外置额外安装的 `terser-webpack-plugin` 一起使用，会导致插件转义功能失效", "为什么 space-y-1 这类写法不起作用?" ], "updatedAt": null, "source": "docs/issues/index.md" }, { "kind": "doc", "id": "doc:issues/at-apply", "title": "css 中使用 @apply 警告问题", "description": "解决在项目中使用 Tailwind CSS `@apply` 时的编辑器告警问题，并提供 VSCode 配置示例。", "summary": "我们以 vscode 为例", "url": "/docs/issues/at-apply", "canonical": "https://tw.icebreaker.top/docs/issues/at-apply", "keywords": [ "常见问题", "故障排查", "兼容性", "css", "中使用", "apply", "警告问题", "issues", "at apply", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "解决方案", "参考文档" ], "updatedAt": null, "source": "docs/issues/at-apply.md" }, { "kind": "doc", "id": "doc:issues/box-sizing", "title": "默认盒模型(box-sizing)问题", "description": "Tailwindcss 默认会把所有的元素的盒模型，设置为 border-box", "summary": "Tailwindcss 默认会把所有的元素的盒模型，设置为 border-box", "url": "/docs/issues/box-sizing", "canonical": "https://tw.icebreaker.top/docs/issues/box-sizing", "keywords": [ "常见问题", "故障排查", "兼容性", "默认盒模型", "box-sizing", "问题", "issues", "box sizing", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "参考文档" ], "updatedAt": null, "source": "docs/issues/box-sizing.md" }, { "kind": "doc", "id": "doc:issues/css-vars", "title": "CSS 变量失效问题", "description": "在使用 taro 或者 uni-app 中，可能你会遇到 CSS 变量失效问题", "summary": "在使用 taro 或者 uni-app 中，可能你会遇到 CSS 变量失效问题", "url": "/docs/issues/css-vars", "canonical": "https://tw.icebreaker.top/docs/issues/css-vars", "keywords": [ "常见问题", "故障排查", "兼容性", "CSS", "变量失效问题", "issues", "css vars", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "问题的现象", "原因以及解决方案", "设置成功后的效果", "什么是全局 `tailwindcss` 变量注入区域" ], "updatedAt": null, "source": "docs/issues/css-vars.md" }, { "kind": "doc", "id": "doc:issues/externalClasses", "title": "组件外部样式类（externalClasses）的支持", "description": "自定义组件使用 externalClasses 时 tailwindcss 样式拆分的问题与解决方案。", "summary": "在封装原生自定义组件时经常会用到外部样式类（externalClasses）。例如：", "url": "/docs/issues/externalClasses", "canonical": "https://tw.icebreaker.top/docs/issues/externalClasses", "keywords": [ "externalClasses", "tailwindcss", "微信小程序", "组件外部样式类", "customAttributes", "样式拆分", "插件配置", "常见问题", "故障排查", "兼容性", "的支持", "issues", "weapp-tailwindcss", "小程序", "uni-app", "taro" ], "headings": [ "典型现象", "根本原因", "解决方案", "扩展阅读" ], "updatedAt": null, "source": "docs/issues/externalClasses.md" }, { "kind": "doc", "id": "doc:issues/format", "title": "Tailwindcss 格式化", "description": "使用并在 prettier 注册 prettier-plugin-tailwindcss", "summary": "使用并在 prettier 注册 prettier-plugin-tailwindcss", "url": "/docs/issues/format", "canonical": "https://tw.icebreaker.top/docs/issues/format", "keywords": [ "常见问题", "故障排查", "兼容性", "Tailwindcss", "格式化", "issues", "format", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "prettier 插件", "eslint 插件" ], "updatedAt": null, "source": "docs/issues/format.md" }, { "kind": "doc", "id": "doc:issues/group-and-peer", "title": "group 和 peer 使用限制", "description": "在 tailwindcss 中，我们常常会这样写:", "summary": "在 tailwindcss 中，我们常常会这样写:", "url": "/docs/issues/group-and-peer", "canonical": "https://tw.icebreaker.top/docs/issues/group-and-peer", "keywords": [ "常见问题", "故障排查", "兼容性", "group", "peer", "使用限制", "issues", "group and peer", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "group 使用注意事项", "peer 使用注意事项", "出现 unexpected token \"~\" 错误" ], "updatedAt": null, "source": "docs/issues/group-and-peer.md" }, { "kind": "doc", "id": "doc:issues/js-string-invalid", "title": "写在 js 中的 tailwindcss 任意值失效", "description": "weapp-tailwindcss 是允许你在 js 中编写任意值的，而且 weapp-tailwindcss 会自动帮你做好任意值的转译。", "summary": "weapp-tailwindcss 是允许你在 js 中编写任意值的，而且 weapp-tailwindcss 会自动帮你做好任意值的转译。", "url": "/docs/issues/js-string-invalid", "canonical": "https://tw.icebreaker.top/docs/issues/js-string-invalid", "keywords": [ "常见问题", "故障排查", "兼容性", "写在", "js", "中的", "tailwindcss", "任意值失效", "issues", "js string invalid", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "解决方案", "# tailwindcss@3", "# tailwindcss@4" ], "updatedAt": null, "source": "docs/issues/js-string-invalid.md" }, { "kind": "doc", "id": "doc:issues/monorepo", "title": "在 monorepo 中使用", "description": "在 monorepo 由于存在 hoist 机制，可能会导致 weapp-tailwindcss 和 tailwindcss 通信受阻，这时候需要显式的去指定 tailwindcss 的路径", "summary": "在 monorepo 由于存在 hoist 机制，可能会导致 weapp-tailwindcss 和 tailwindcss 通信受阻，这时候需要显式的去指定 tailwindcss 的路径", "url": "/docs/issues/monorepo", "canonical": "https://tw.icebreaker.top/docs/issues/monorepo", "keywords": [ "常见问题", "故障排查", "兼容性", "monorepo", "中使用", "issues", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "Tailwindcss@3", "Tailwindcss@4" ], "updatedAt": null, "source": "docs/issues/monorepo.md" }, { "kind": "doc", "id": "doc:issues/more-tags", "title": "生成样式只作用于view和text标签", "description": "在微信小程序中，darkMode 设置为 class/ selector 后，dark:className 类选择器在 button 上无效，看生成样式只作用于 view 和 text 标签", "summary": "在微信小程序中，darkMode 设置为 class/ selector 后，dark:className 类选择器在 button 上无效，看生成样式只作用于 view 和 text 标签", "url": "/docs/issues/more-tags", "canonical": "https://tw.icebreaker.top/docs/issues/more-tags", "keywords": [ "常见问题", "故障排查", "兼容性", "生成样式只作用于view和text标签", "issues", "more tags", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/issues/more-tags.md" }, { "kind": "doc", "id": "doc:issues/native-toutiao", "title": "原生头条小程序使用 TailWindCSS", "description": "创建项目 test-miniapp, 进入项目目录并初始化 package.json", "summary": "创建项目 test-miniapp, 进入项目目录并初始化 package.json", "url": "/docs/issues/native-toutiao", "canonical": "https://tw.icebreaker.top/docs/issues/native-toutiao", "keywords": [ "常见问题", "故障排查", "兼容性", "原生头条小程序使用", "TailWindCSS", "issues", "native toutiao", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "创建项目", "安装 gulp 及插件", "安装与配置 tailwindcss", "配置 vscode 插件", "# Prettier - Code formatter", "# Tailwind CSS IntelliSense", "# Gulp Tasks" ], "updatedAt": null, "source": "docs/issues/native-toutiao.md" }, { "kind": "doc", "id": "doc:issues/rpx-ambiguities", "title": "rpx 任意值颜色或长度单位二义性与解决方案", "description": "在不使用 weapp-tailwindcss 的情况下，你直接写这样的 rpx 写法：", "summary": "在不使用 weapp-tailwindcss 的情况下，你直接写这样的 rpx 写法：", "url": "/docs/issues/rpx-ambiguities", "canonical": "https://tw.icebreaker.top/docs/issues/rpx-ambiguities", "keywords": [ "常见问题", "故障排查", "兼容性", "rpx", "任意值颜色或长度单位二义性与解决方案", "issues", "rpx ambiguities", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "这是一个什么问题？", "什么是 **二义性**?", "目前插件的解决方案", "强制CSS单位的解决方案", "参见" ], "updatedAt": null, "source": "docs/issues/rpx-ambiguities.md" }, { "kind": "doc", "id": "doc:issues/taro-terser", "title": "`Tarojs` 中使用 `terser` 压缩代码", "description": "在 taro webpack5 环境下，这个插件和外置额外安装的 terser-webpack-plugin 一起使用，会导致插件转义功能失效", "summary": "在 taro webpack5 环境下，这个插件和外置额外安装的 terser-webpack-plugin 一起使用，会导致插件转义功能失效", "url": "/docs/issues/taro-terser", "canonical": "https://tw.icebreaker.top/docs/issues/taro-terser", "keywords": [ "常见问题", "故障排查", "兼容性", "Tarojs", "中使用", "terser", "压缩代码", "issues", "taro terser", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "现象", "解决方案", "配置参考" ], "updatedAt": null, "source": "docs/issues/taro-terser.md" }, { "kind": "doc", "id": "doc:issues/toast-svg-bug", "title": "H5 端原生 toast 样式偏移问题", "description": "在使用 tailwindcss 的时候，编译到 h5 平台，使用 uni.toast / taro.toast 时，出现下列的效果", "summary": "在使用 tailwindcss 的时候，编译到 h5 平台，使用 uni.toast / taro.toast 时，出现下列的效果", "url": "/docs/issues/toast-svg-bug", "canonical": "https://tw.icebreaker.top/docs/issues/toast-svg-bug", "keywords": [ "常见问题", "故障排查", "兼容性", "H5", "端原生", "toast", "样式偏移问题", "issues", "toast svg bug", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [], "updatedAt": null, "source": "docs/issues/toast-svg-bug.md" }, { "kind": "doc", "id": "doc:issues/use-with-nutui", "title": "和 NutUI 一起使用", "description": "taro 使用 NutUI 的 vue 和 react 版本的共同注意点:", "summary": "taro 使用 NutUI 的 vue 和 react 版本的共同注意点:", "url": "/docs/issues/use-with-nutui", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-nutui", "keywords": [ "常见问题", "故障排查", "兼容性", "NutUI", "一起使用", "issues", "use with nutui", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "可能有用但是过时的方案（部分 taro 版本有用）", "参见" ], "updatedAt": null, "source": "docs/issues/use-with-nutui.md" }, { "kind": "doc", "id": "doc:issues/use-with-taroify", "title": "和 Taroify 一起使用", "description": "taro 使用 Taroify 的共同注意点:", "summary": "taro 使用 Taroify 的共同注意点:", "url": "/docs/issues/use-with-taroify", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-taroify", "keywords": [ "常见问题", "故障排查", "兼容性", "Taroify", "一起使用", "issues", "use with taroify", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "解决方案", "# 修改Taroify引入方式", "# 修改引入样式顺序", "参见" ], "updatedAt": null, "source": "docs/issues/use-with-taroify.md" }, { "kind": "doc", "id": "doc:issues/use-with-wot-design-uni", "title": "和 wot-design-uni 一起使用", "description": "说明 weapp-tailwindcss 与 wot-design-uni 搭配时的配置要点与常见兼容问题处理方式。", "summary": "说明 weapp-tailwindcss 与 wot-design-uni 搭配时的配置要点与常见兼容问题处理方式。", "url": "/docs/issues/use-with-wot-design-uni", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-wot-design-uni", "keywords": [ "常见问题", "故障排查", "兼容性", "wot-design-uni", "组件库", "样式兼容", "issues", "use with wot design uni", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/issues/use-with-wot-design-uni.md" }, { "kind": "doc", "id": "doc:issues/v1", "title": "v1 版本插件常见问题，使用最新版本插件无须参考", "description": "A: 因为这个插件，主要是针对, wxss,wxml 和 jsx 进行转义的，js 里编写的 string 是不转义的。如果你有这样的需求可以这么写:", "summary": "A: 因为这个插件，主要是针对, wxss,wxml 和 jsx 进行转义的，js 里编写的 string 是不转义的。如果你有这样的需求可以这么写:", "url": "/docs/issues/v1", "canonical": "https://tw.icebreaker.top/docs/issues/v1", "keywords": [ "常见问题", "故障排查", "兼容性", "v1", "版本插件常见问题", "使用最新版本插件无须参考", "issues", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "我在 `js` 里写了 `tailwindcss` 的任意值，为什么没有生效?", "replaceJs 跨端注意点" ], "updatedAt": null, "source": "docs/issues/v1.md" }, { "kind": "doc", "id": "doc:migrations/v1", "title": "从 v1 迁移到 v2", "description": "在 2.x 版本中，可以把之前使用的 webpack 插件，全部更换为 UnifiedWebpackPluginV5 插件，不过 vite 插件的导出有一些小变化:", "summary": "在 2.x 版本中，可以把之前使用的 webpack 插件，全部更换为 UnifiedWebpackPluginV5 插件，不过 vite 插件的导出有一些小变化:", "url": "/docs/migrations/v1", "canonical": "https://tw.icebreaker.top/docs/migrations/v1", "keywords": [ "迁移", "升级", "兼容", "v1", "迁移到", "v2", "migrations", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/migrations/v1.md" }, { "kind": "doc", "id": "doc:migrations/v2", "title": "从 v2 迁移到 v3", "description": "v3 版本相比于 v2, 主要是删去一些过时的功能，配置项，同时会改变插件的默认值，使得整体插件变得更易用，更容易安装", "summary": "v3 版本相比于 v2, 主要是删去一些过时的功能，配置项，同时会改变插件的默认值，使得整体插件变得更易用，更容易安装", "url": "/docs/migrations/v2", "canonical": "https://tw.icebreaker.top/docs/migrations/v2", "keywords": [ "迁移", "升级", "兼容", "v2", "迁移到", "v3", "migrations", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "配置项改动", "# 删除的配置项", "# 增加的配置项", "## 为什么默认不开启？", "# 增强的配置项", "# 修改的默认值", "# 现在选项合并，数组默认行为变为覆盖，原先是合并" ], "updatedAt": null, "source": "docs/migrations/v2.md" }, { "kind": "doc", "id": "doc:migrations/v3", "title": "从 v3 迁移到 v4", "description": "tailwindcss@4 改动较大，直接变成了一个样式预处理器，和 sass / less 类似，所以你不应该让 tailwindcss@4 和 sass, less 一起使用。", "summary": "tailwindcss@4 改动较大，直接变成了一个样式预处理器，和 sass / less 类似，所以你不应该让 tailwindcss@4 和 sass, less 一起使用。", "url": "/docs/migrations/v3", "canonical": "https://tw.icebreaker.top/docs/migrations/v3", "keywords": [ "迁移", "升级", "兼容", "v3", "迁移到", "v4", "migrations", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "重大变更", "特性更新", "重构", "pnpm@10.x" ], "updatedAt": null, "source": "docs/migrations/v3.md" }, { "kind": "doc", "id": "doc:multi-platform", "title": "💨跨多端开发CSS兼容", "description": "本插件主要作用于小程序环境，让开发者可以在小程序环境下可以使用 tailwindcss 的特性", "summary": "本插件主要作用于小程序环境，让开发者可以在小程序环境下可以使用 tailwindcss 的特性", "url": "/docs/multi-platform", "canonical": "https://tw.icebreaker.top/docs/multi-platform", "keywords": [ "跨多端开发CSS兼容", "multi platform", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "何时开启插件", "# uni-app 示例", "# Taro 示例", "uni-app 打包到 h5 svg icon 偏移问题", "uni-app 打包安卓 `rgb()` 颜色失效问题", "# 安装 `postcss-preset-env`", "# 设置 `postcss.config.js`", "CSS变量计算模式" ], "updatedAt": null, "source": "docs/multi-platform.md" }, { "kind": "doc", "id": "doc:options/index", "title": "选项概览", "description": "weapp-tailwindcss 可用配置概览", "summary": "该章节的详细配置已经迁移至 API / 配置项文档。", "url": "/docs/options", "canonical": "https://tw.icebreaker.top/docs/options", "keywords": [ "配置项", "插件参数", "选项", "options", "选项概览", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/options/index.md" }, { "kind": "doc", "id": "doc:options/arbitrary-values", "title": "使用 arbitrary values", "description": "arbitrary values 是 tailwindcss v3 的重要更新内容，幸运的是你使用了本插件。", "summary": "arbitrary values 是 tailwindcss v3 的重要更新内容，幸运的是你使用了本插件。", "url": "/docs/options/arbitrary-values", "canonical": "https://tw.icebreaker.top/docs/options/arbitrary-values", "keywords": [ "配置项", "插件参数", "选项", "使用", "arbitrary", "values", "options", "arbitrary values", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/options/arbitrary-values.md" }, { "kind": "doc", "id": "doc:options/comments", "title": "js 中的精确转化与忽略", "description": "默认对所有 jsx、js、wxml、wxss 中出现的 tailwindcss 运行时工具类进行转化，如果不需要转化可以使用 weappTwIgnore 标识符来进行忽略:", "summary": "默认对所有 jsx、js、wxml、wxss 中出现的 tailwindcss 运行时工具类进行转化，如果不需要转化可以使用 weappTwIgnore 标识符来进行忽略:", "url": "/docs/options/comments", "canonical": "https://tw.icebreaker.top/docs/options/comments", "keywords": [ "配置项", "插件参数", "选项", "js", "中的精确转化与忽略", "options", "comments", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/options/comments.md" }, { "kind": "doc", "id": "doc:options/exports", "title": "weapp-tailwindcss 导出总览", "description": "weapp-tailwindcss 同时提供 ESM 与 CommonJS 入口，并内置多个二级导出以适配 webpack、Vite、Gulp、Tailwind 宏等不同组合。下面按用途分类进行说明。", "summary": "weapp-tailwindcss 同时提供 ESM 与 CommonJS 入口，并内置多个二级导出以适配 webpack、Vite、Gulp、Tailwind 宏等不同组合。下面按用途分类进行说明。", "url": "/docs/options/exports", "canonical": "https://tw.icebreaker.top/docs/options/exports", "keywords": [ "配置项", "插件参数", "选项", "weapp-tailwindcss", "导出总览", "options", "exports", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "核心插件入口", "配置、工具与周边", "样式资源", "其他导出" ], "updatedAt": null, "source": "docs/options/exports.mdx" }, { "kind": "doc", "id": "doc:options/reset", "title": "`weapp-tailwindcss/reset`", "description": "weapp-tailwindcss/reset 内置了一组常用组件的 reset 规则，默认会：", "summary": "weapp-tailwindcss/reset 内置了一组常用组件的 reset 规则，默认会：", "url": "/docs/options/reset", "canonical": "https://tw.icebreaker.top/docs/options/reset", "keywords": [ "配置项", "插件参数", "选项", "weapp-tailwindcss", "reset", "options", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "可用选项", "Tailwind CSS v3 用法", "Tailwind CSS v4 用法" ], "updatedAt": null, "source": "docs/options/reset.mdx" }, { "kind": "doc", "id": "doc:principle/index", "title": "tailwindcss in weapp 的原理", "description": "转眼又是一年，感觉是时候再来修订一下 tailwindcss in weapp 的原理 这篇文章了, 放心，这次我写作核心就是要让大多数人看懂！", "summary": "转眼又是一年，感觉是时候再来修订一下 tailwindcss in weapp 的原理 这篇文章了, 放心，这次我写作核心就是要让大多数人看懂！", "url": "/docs/principle", "canonical": "https://tw.icebreaker.top/docs/principle", "keywords": [ "tailwindcss", "in", "weapp", "的原理", "principle", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "2024-02-20 版本", "前言", "什么是 weapp-tailwindcss", "为什么需要 weapp-tailwindcss ？", "核心原理", "`wxml`", "# 为什么是 `htmlparser2`", "# 如何使用 `htmlparser2`" ], "updatedAt": null, "source": "docs/principle/index.md" }, { "kind": "doc", "id": "doc:projects/index", "title": "Related projects", "description": "weapp-ide-cli: 一个微信开发者工具命令行，快速方便的直接启动 ide 进行登录，开发，预览，上传代码等等功能。", "summary": "weapp-ide-cli: 一个微信开发者工具命令行，快速方便的直接启动 ide 进行登录，开发，预览，上传代码等等功能。", "url": "/docs/projects", "canonical": "https://tw.icebreaker.top/docs/projects", "keywords": [ "Related", "projects", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "# CLI 工具", "# 模板 template", "## 如何选择？", "## 使用`uni-app cli`进行构建 `vscode`开发", "## 使用`hbuilderx` 进行构建和开发", "# tailwindcss plugin", "# tailwindcss preset" ], "updatedAt": null, "source": "docs/projects/index.md" }, { "kind": "doc", "id": "doc:quick-start/apply-themes", "title": "小程序多主题方案", "description": "对于 web 来说，多主题色的需求是非常常见的，比如 暗黑模式 就是一个极其常见的需求，", "summary": "对于 web 来说，多主题色的需求是非常常见的，比如 暗黑模式 就是一个极其常见的需求，", "url": "/docs/quick-start/apply-themes", "canonical": "https://tw.icebreaker.top/docs/quick-start/apply-themes", "keywords": [ "快速开始", "安装", "配置", "小程序多主题方案", "quick start", "apply themes", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "自由的 web 方案", "方案的设计和实现", "# 1. 页面属性配置节点 page-meta", "# 2. 自己实现 css 变量切换组件", "## 实现", "动态调整主题参考链接", "参考示例" ], "updatedAt": null, "source": "docs/quick-start/apply-themes.md" }, { "kind": "doc", "id": "doc:quick-start/build-or-import-outside-components", "title": "构建以及引入外部组件", "description": "我们在日常的开发中，经常会去使用和封装各种各样的组件库。有些是开源的，第三方开发的UI库，有些是我们开发人员给自己的特定的业务封装的UI库。其中很多情况其实是以流行的 开源UI库(或者fork的改版) + 自己封装的业务组件为主的", "summary": "我们在日常的开发中，经常会去使用和封装各种各样的组件库。有些是开源的，第三方开发的UI库，有些是我们开发人员给自己的特定的业务封装的UI库。其中很多情况其实是以流行的 开源UI库(或者fork的改版) + 自己封装的业务组件为主的", "url": "/docs/quick-start/build-or-import-outside-components", "canonical": "https://tw.icebreaker.top/docs/quick-start/build-or-import-outside-components", "keywords": [ "快速开始", "安装", "配置", "构建以及引入外部组件", "quick start", "build or import outside components", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "前言", "构建组件", "# 核心思想", "# 可行方案", "# 不可行方案", "可行方案详解", "# custom css selector + Functions & Directives", "# add prefix" ], "updatedAt": null, "source": "docs/quick-start/build-or-import-outside-components.md" }, { "kind": "doc", "id": "doc:quick-start/css-unit-transform", "title": "CSS 单位转化", "description": "在 rem 转 rpx (或 px) 章节，我们做了 CSS 中 rem 转化成 px / rpx 的方式。", "summary": "在 rem 转 rpx (或 px) 章节，我们做了 CSS 中 rem 转化成 px / rpx 的方式。", "url": "/docs/quick-start/css-unit-transform", "canonical": "https://tw.icebreaker.top/docs/quick-start/css-unit-transform", "keywords": [ "快速开始", "安装", "配置", "CSS", "单位转化", "quick start", "css unit transform", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "rem 转 rpx (或 px)", "px 转 rpx", "# 4.3.0 以后", "# 4.3.0 以前", "## 安装插件", "## 注册到 postcss 配置中", "多单位转 px（unitsToPx）" ], "updatedAt": null, "source": "docs/quick-start/css-unit-transform.mdx" }, { "kind": "doc", "id": "doc:quick-start/frameworks/api", "title": "Nodejs API", "description": "有时候,我们不一定会使用 webpack/vite/gulp，可能是直接使用 nodejs 去构建应用，或者封装更高阶的工具，这时候可以使用api去转义你的应用。", "summary": "有时候,我们不一定会使用 webpack/vite/gulp，可能是直接使用 nodejs 去构建应用，或者封装更高阶的工具，这时候可以使用api去转义你的应用。", "url": "/docs/quick-start/frameworks/api", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/api", "keywords": [ "快速开始", "安装", "配置", "Nodejs", "API", "quick start", "frameworks", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "如何使用" ], "updatedAt": null, "source": "docs/quick-start/frameworks/api.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/hbuilderx", "title": "uni-app HbuilderX 使用方式", "description": "注意: 在使用 hbuilderx 进行开发时，由于目录结构和启动项的不同，你必须要给你 tailwind.config.js 传入**绝对路径**:", "summary": "注意: 在使用 hbuilderx 进行开发时，由于目录结构和启动项的不同，你必须要给你 tailwind.config.js 传入**绝对路径**:", "url": "/docs/quick-start/frameworks/hbuilderx", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx", "keywords": [ "快速开始", "安装", "配置", "uni-app", "HbuilderX", "使用方式", "quick start", "frameworks", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax", "mpx" ], "headings": [ "默认使用方式", "# tailwind.config.js", "# vite.config.[tj]s", "Hbuilderx 与 uni-app cli 环境汇总", "hbuilderx vue2 webpack4 postcss7 版本模板", "Hack hbuilderx vue2 Way", "视频演示" ], "updatedAt": null, "source": "docs/quick-start/frameworks/hbuilderx.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/mpx", "title": "mpx (原生增强)", "description": "在 vue.config.js 中注册：", "summary": "在 vue.config.js 中注册：", "url": "/docs/quick-start/frameworks/mpx", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/mpx", "keywords": [ "快速开始", "安装", "配置", "mpx", "原生增强", "quick start", "frameworks", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "引入 Tailwind CSS 样式", "# Tailwind CSS v3.x", "# Tailwind CSS v4.x", "mpx 中的 vscode tailwindcss 智能提示缺失设置" ], "updatedAt": null, "source": "docs/quick-start/frameworks/mpx.mdx" }, { "kind": "doc", "id": "doc:quick-start/frameworks/native", "title": "原生开发(打包方案)", "description": "模板项目 weapp-tailwindcss-gulp-template(gulp打包)", "summary": "模板项目 weapp-tailwindcss-gulp-template(gulp打包)", "url": "/docs/quick-start/frameworks/native", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/native", "keywords": [ "快速开始", "安装", "配置", "原生开发", "打包方案", "quick start", "frameworks", "native", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "gulp 模板", "webpack5 模板", "组件样式的隔离性", "vscode tailwindcss 智能提示设置" ], "updatedAt": null, "source": "docs/quick-start/frameworks/native.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/rax", "title": "Rax (react)", "description": "在根目录下创建一个 build.plugin.js 文件，然后在 build.json 中注册：", "summary": "在根目录下创建一个 build.plugin.js 文件，然后在 build.json 中注册：", "url": "/docs/quick-start/frameworks/rax", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/rax", "keywords": [ "快速开始", "安装", "配置", "Rax", "react", "quick start", "frameworks", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/frameworks/rax.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/taro", "title": "Taro (所有框架)", "description": "目前 Taro v4 同时支持了 Webpack 和 Vite 进行打包编译，weapp-tailwindcss 这 2 者都支持，但是配置有些许的不同", "summary": "目前 Taro v4 同时支持了 Webpack 和 Vite 进行打包编译，weapp-tailwindcss 这 2 者都支持，但是配置有些许的不同", "url": "/docs/quick-start/frameworks/taro", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/taro", "keywords": [ "快速开始", "安装", "配置", "Taro", "所有框架", "quick start", "frameworks", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "rax", "mpx" ], "headings": [ "使用 Webpack 作为打包工具", "# 注册插件", "使用 Vite 作为打包工具", "# 在 `config/index.ts` 中注册插件", "视频演示" ], "updatedAt": null, "source": "docs/quick-start/frameworks/taro.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/uni-app", "title": "uni-app cli vue2 webpack", "description": "这样所有的配置便完成了！赶紧启动你的项目试试吧！", "summary": "这样所有的配置便完成了！赶紧启动你的项目试试吧！", "url": "/docs/quick-start/frameworks/uni-app", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app", "keywords": [ "快速开始", "安装", "配置", "uni-app", "cli", "vue2", "webpack", "quick start", "frameworks", "uni app", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/frameworks/uni-app.mdx" }, { "kind": "doc", "id": "doc:quick-start/frameworks/uni-app-vite", "title": "uni-app cli vue3 vite", "description": "创建完成后，快速上手中的准备工作都完成之后，就可以便捷的注册了：", "summary": "创建完成后，快速上手中的准备工作都完成之后，就可以便捷的注册了：", "url": "/docs/quick-start/frameworks/uni-app-vite", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-vite", "keywords": [ "快速开始", "安装", "配置", "uni-app", "cli", "vue3", "vite", "quick start", "frameworks", "uni app vite", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax" ], "headings": [ "注册插件", "创建项目参考", "视频演示" ], "updatedAt": null, "source": "docs/quick-start/frameworks/uni-app-vite.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/uni-app-x", "title": "🔥 uni-app x", "description": "目前 weapp-tailwindcss 从 4.2.0 版本开始，插件已经支持 uni-app-x 同时构建包括 web,小程序, 安卓,IOS,鸿蒙 五端项目", "summary": "目前 weapp-tailwindcss 从 4.2.0 版本开始，插件已经支持 uni-app-x 同时构建包括 web,小程序, 安卓,IOS,鸿蒙 五端项目", "url": "/docs/quick-start/frameworks/uni-app-x", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-x", "keywords": [ "快速开始", "安装", "配置", "uni-app", "quick start", "frameworks", "uni app x", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax", "mpx" ], "headings": [ "创建工具类", "注册插件", "更改 tailwindcss 配置", "现成模板可以直接使用或者参考" ], "updatedAt": null, "source": "docs/quick-start/frameworks/uni-app-x.mdx" }, { "kind": "doc", "id": "doc:quick-start/independent-pkg", "title": "tailwindcss 多上下文与独立分包", "description": "你看过动漫《百兽王》吗？《百兽王》的主人公是五个飞行员，他们分别驾驶黑、红、青、黄、绿五头机器狮，它们平时可以单独进行作战，遇到强敌时，也能进行五狮合体，成为巨大机器人“百兽王”。", "summary": "你看过动漫《百兽王》吗？《百兽王》的主人公是五个飞行员，他们分别驾驶黑、红、青、黄、绿五头机器狮，它们平时可以单独进行作战，遇到强敌时，也能进行五狮合体，成为巨大机器人“百兽王”。", "url": "/docs/quick-start/independent-pkg", "canonical": "https://tw.icebreaker.top/docs/quick-start/independent-pkg", "keywords": [ "快速开始", "安装", "配置", "tailwindcss", "多上下文与独立分包", "quick start", "independent pkg", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "什么是独立分包", "创建与配置示例", "单 `tailwindcss` 上下文的方案（不完美不推荐）", "多 `tailwindcss` 上下文的方案", "# 创建多个 `tailwind.config.js`", "## 独立分包的上下文配置", "## 主包以及相互依赖的子包的上下文配置", "# `postcss.config.js` 配置" ], "updatedAt": null, "source": "docs/quick-start/independent-pkg.md" }, { "kind": "doc", "id": "doc:quick-start/install", "title": "1. 安装与配置 tailwindcss", "description": "首先安装本插件前，我们需要把 tailwindcss 对应的环境和配置安装好。", "summary": "首先安装本插件前，我们需要把 tailwindcss 对应的环境和配置安装好。", "url": "/docs/quick-start/install", "canonical": "https://tw.icebreaker.top/docs/quick-start/install", "keywords": [ "快速开始", "安装", "配置", "1.", "安装与配置", "tailwindcss", "quick start", "install", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "1. 使用包管理器安装 `tailwindcss`", "2. 在项目目录下创建 `postcss.config.js` 并注册 `tailwindcss`", "3. 配置 `tailwind.config.js`", "4. 引入 `tailwindcss`", "# uni-app", "# Taro", "参考链接" ], "updatedAt": null, "source": "docs/quick-start/install.mdx" }, { "kind": "doc", "id": "doc:quick-start/intelliSense", "title": "IDE 智能提示设置", "description": "tailwindcss-intellisense 在 v4 中必须看到 @import \"tailwindcss\" 才会将工作区视为 Tailwind 根文件。从 v4.7.10 起，weapp-tailwindcss 默认会在构建阶段把这些 @import 'tailwind…", "summary": "tailwindcss-intellisense 在 v4 中必须看到 @import \"tailwindcss\" 才会将工作区视为 Tailwind 根文件。从 v4.7.10 起，weapp-tailwindcss 默认会在构建阶段把这些 @import 'tailwindcss' 自动改写成 @import 'weapp-tailwindcss'（可…", "url": "/docs/quick-start/intelliSense", "canonical": "https://tw.icebreaker.top/docs/quick-start/intelliSense", "keywords": [ "快速开始", "安装", "配置", "IDE", "智能提示设置", "quick start", "intelliSense", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "VS Code", "# 让 `Tailwind CSS IntelliSense` 识别 weapp-tailwindcss v4", "# wxml 的智能提示", "## 全局设置", "## 工作区设置", "# js,jsx,ts,tsx,vue...这类文件的智能提示", "## 场景", "## 解决方案" ], "updatedAt": null, "source": "docs/quick-start/intelliSense.md" }, { "kind": "doc", "id": "doc:quick-start/native/0.install", "title": "1. 安装与配置 tailwindcss", "description": "很荣幸，我们在 weapp-tailwindcss@3.2.0 版本开始，引入了微信小程序原生支持的能力。 (其他平台的原生小程序开发，也非常容易兼容)", "summary": "很荣幸，我们在 weapp-tailwindcss@3.2.0 版本开始，引入了微信小程序原生支持的能力。 (其他平台的原生小程序开发，也非常容易兼容)", "url": "/docs/quick-start/native/0.install", "canonical": "https://tw.icebreaker.top/docs/quick-start/native/0.install", "keywords": [ "快速开始", "安装", "配置", "1.", "安装与配置", "tailwindcss", "quick start", "native", "0.install", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "前言", "# 运行环境", "创建项目", "0. 初始化 `package.json`", "1. 使用包管理器安装 `tailwindcss`", "2. 配置 `tailwind.config.js`", "3. 在项目目录下创建 `postcss.config.js` 并注册 `tailwindcss`", "4. 引入 `tailwindcss`" ], "updatedAt": null, "source": "docs/quick-start/native/0.install.mdx" }, { "kind": "doc", "id": "doc:quick-start/native/1.install-plugin", "title": "2. 安装这个插件并运行", "description": "这样 weapp-tailwindcss 和 weapp-vite 就被安装在你的本地了", "summary": "这样 weapp-tailwindcss 和 weapp-vite 就被安装在你的本地了", "url": "/docs/quick-start/native/1.install-plugin", "canonical": "https://tw.icebreaker.top/docs/quick-start/native/1.install-plugin", "keywords": [ "快速开始", "安装", "配置", "2.", "安装这个插件并运行", "quick start", "native", "1.install plugin", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装插件", "执行初始化命令", "安装所有的依赖包", "注册插件", "开始运行", "配置好的模板", "原生组件样式的隔离性", "想了解更多 weapp-vite" ], "updatedAt": null, "source": "docs/quick-start/native/1.install-plugin.mdx" }, { "kind": "doc", "id": "doc:quick-start/rem2rpx", "title": "4. rem 转 rpx (或 px)", "description": "这是因为 tailwindcss 里面工具类的长度单位，默认都是 rem，比如:", "summary": "这是因为 tailwindcss 里面工具类的长度单位，默认都是 rem，比如:", "url": "/docs/quick-start/rem2rpx", "canonical": "https://tw.icebreaker.top/docs/quick-start/rem2rpx", "keywords": [ "快速开始", "安装", "配置", "4.", "rem", "rpx", "px", "quick start", "rem2rpx", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "为什么要配置 rem 转 rpx 呢？", "三种转化方式(根据你的需求选其一即可)", "插件内置 rem 转 rpx 功能 (推荐)", "# 优势", "外置 postcss 插件", "# 优势", "外置 tailwindcss 插件", "# 优势" ], "updatedAt": null, "source": "docs/quick-start/rem2rpx.md" }, { "kind": "doc", "id": "doc:quick-start/this-plugin", "title": "2. 安装 weapp-tailwindcss", "description": "然后把下列脚本，添加进你的 package.json 的 scripts 字段里:", "summary": "然后把下列脚本，添加进你的 package.json 的 scripts 字段里:", "url": "/docs/quick-start/this-plugin", "canonical": "https://tw.icebreaker.top/docs/quick-start/this-plugin", "keywords": [ "快速开始", "安装", "配置", "2.", "weapp-tailwindcss", "quick start", "this plugin", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "# 1. 给当前你本地的 `tailwindcss` 打上支持 `rpx` 的补丁 (小程序特有单位，非 `web` 标准)。", "# 2. 暴露 `tailwindcss` 运行上下文给 `webpack`/`vite`/`glup` 插件。" ], "updatedAt": null, "source": "docs/quick-start/this-plugin.mdx" }, { "kind": "doc", "id": "doc:quick-start/uni-app-css-macro", "title": "uni-app 条件编译语法糖插件", "description": "在 uni-app 里，存在一种类似宏指令的样式条件编译写法:", "summary": "在 uni-app 里，存在一种类似宏指令的样式条件编译写法:", "url": "/docs/quick-start/uni-app-css-macro", "canonical": "https://tw.icebreaker.top/docs/quick-start/uni-app-css-macro", "keywords": [ "快速开始", "安装", "配置", "uni-app", "条件编译语法糖插件", "quick start", "uni app css macro", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax", "mpx" ], "headings": [ "这是什么玩意?", "如何使用", "# tailwind.config.js 注册", "## Tailwind CSS 3.x 配置", "## Tailwind CSS 4.x 配置", "# postcss 插件注册", "## uni-app vite vue3", "## uni-app vue2" ], "updatedAt": null, "source": "docs/quick-start/uni-app-css-macro.md" }, { "kind": "doc", "id": "doc:quick-start/v2/index", "title": "Tailwindcss 2.x", "description": "目前，有些用户由于现有的项目，已经是 webpack 4, postcss 7.x 且无法往上升级，但是又想要使用 tailwindcss,", "summary": "目前，有些用户由于现有的项目，已经是 webpack 4, postcss 7.x 且无法往上升级，但是又想要使用 tailwindcss,", "url": "/docs/quick-start/v2", "canonical": "https://tw.icebreaker.top/docs/quick-start/v2", "keywords": [ "快速开始", "安装", "配置", "Tailwindcss", "2.x", "quick start", "v2", "weapp-tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "vue2 hbuilderx 参考模板" ], "updatedAt": null, "source": "docs/quick-start/v2/index.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/mpx", "title": "Mpx", "description": "更改 mpx.config.js 注册 weapp-tailwindcss", "summary": "更改 mpx.config.js 注册 weapp-tailwindcss", "url": "/docs/quick-start/v4/mpx", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/mpx", "keywords": [ "快速开始", "安装", "配置", "Mpx", "quick start", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax" ], "headings": [ "安装", "配置", "添加样式", "# Tailwind CSS 样式引用指引", "参考模版" ], "updatedAt": null, "source": "docs/quick-start/v4/mpx.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/patch", "title": "patch", "description": "然后把下列脚本，添加进你的 package.json 的 scripts 字段里:", "summary": "然后把下列脚本，添加进你的 package.json 的 scripts 字段里:", "url": "/docs/quick-start/v4/patch", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/patch", "keywords": [ "快速开始", "安装", "配置", "patch", "quick start", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/v4/patch.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/readme", "title": "开发参考手册", "description": "所以假如你要兼容更多的手机机型，请使用 tailwindcss@3.x。", "summary": "所以假如你要兼容更多的手机机型，请使用 tailwindcss@3.x。", "url": "/docs/quick-start/v4/readme", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/readme", "keywords": [ "快速开始", "安装", "配置", "开发参考手册", "quick start", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "定位的变化: 样式预处理器", "集成选择", "小程序样式引入 `tailwindcss` 不同点", "# 有什么区别?", "# 多端开发", "css 作为配置文件", "使用 @apply", "@layer 在小程序的降级方案" ], "updatedAt": null, "source": "docs/quick-start/v4/readme.md" }, { "kind": "doc", "id": "doc:quick-start/v4/taro-vite", "title": "Taro vite", "description": "在项目目录下的 src/app.css 中，添加以下内容：", "summary": "在项目目录下的 src/app.css 中，添加以下内容：", "url": "/docs/quick-start/v4/taro-vite", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/taro-vite", "keywords": [ "快速开始", "安装", "配置", "Taro", "vite", "quick start", "v4", "taro vite", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "rax", "mpx" ], "headings": [ "安装", "配置", "添加样式", "参考模板" ], "updatedAt": null, "source": "docs/quick-start/v4/taro-vite.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/taro-webpack", "title": "Taro webpack", "description": "在项目的配置文件 config/index 中注册:", "summary": "在项目的配置文件 config/index 中注册:", "url": "/docs/quick-start/v4/taro-webpack", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/taro-webpack", "keywords": [ "快速开始", "安装", "配置", "Taro", "webpack", "quick start", "v4", "taro webpack", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "rax", "mpx" ], "headings": [ "安装", "配置", "# 在你的根目录创建 `postcss.config.mjs`", "# 在你的 `app.css` 里面添加", "# 注册插件", "运行", "参考模板" ], "updatedAt": null, "source": "docs/quick-start/v4/taro-webpack.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/index", "title": "入门篇：快速认识 Tailwind CSS 4 与 weapp-tailwindcss", "description": "Tailwind CSS 4 重新定义了“原子化”样式的组织方式：配置文件换成了 CSS，主题变量与自定义工具也变成了原生语法。这一变化对小程序生态同样生效，weapp-tailwindcss 已经适配了新的编译流程。本篇入门指南帮助你在 30 分钟内从零搭好一套 tailwi…", "summary": "Tailwind CSS 4 重新定义了“原子化”样式的组织方式：配置文件换成了 CSS，主题变量与自定义工具也变成了原生语法。这一变化对小程序生态同样生效，weapp-tailwindcss 已经适配了新的编译流程。本篇入门指南帮助你在 30 分钟内从零搭好一套 tailwindcss@4 + weapp-tailwindcss 的基础开发环境，并理解最…", "url": "/docs/quick-start/v4/tutorial", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial", "keywords": [ "快速开始", "安装", "配置", "入门篇", "快速认识", "Tailwind", "CSS", "weapp-tailwindcss", "quick start", "v4", "tutorial", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro" ], "headings": [ "本篇能学到什么", "环境准备", "步骤一：安装依赖", "步骤二：注册 weapp-tailwindcss 插件", "步骤三：配置 PostCSS", "步骤四：创建入口 CSS", "步骤五：验证类名是否生效", "常见下一步" ], "updatedAt": null, "source": "docs/quick-start/v4/tutorial/index.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/advanced", "title": "高阶篇：性能、兼容与团队协作", "description": "Tailwind CSS 4 带来了更强大的原生语法，但在小程序环境中仍需平衡兼容性与团队协作。本篇从工程化视角出发，帮助你在真实项目中稳定地落地、优化与维护。", "summary": "Tailwind CSS 4 带来了更强大的原生语法，但在小程序环境中仍需平衡兼容性与团队协作。本篇从工程化视角出发，帮助你在真实项目中稳定地落地、优化与维护。", "url": "/docs/quick-start/v4/tutorial/advanced", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/advanced", "keywords": [ "快速开始", "安装", "配置", "高阶篇", "性能", "兼容与团队协作", "quick start", "v4", "tutorial", "advanced", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro" ], "headings": [ "1. 处理 `@layer` 与兼容性", "2. 多端共存与按需构建", "3. 产物体积与性能优化", "4. 调试与质量保障", "5. 升级与维护策略" ], "updatedAt": null, "source": "docs/quick-start/v4/tutorial/advanced.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/workflow", "title": "进阶篇：用 Tailwind CSS 4 构建真实页面", "description": "基础环境搭建完成后，真正的挑战来自“如何把抽象的原子类应用到真实业务”。本篇精选小程序常见的页面模块，结合 tailwindcss@4 的新指令，总结出一套从设计拆解到代码落地的流程。", "summary": "基础环境搭建完成后，真正的挑战来自“如何把抽象的原子类应用到真实业务”。本篇精选小程序常见的页面模块，结合 tailwindcss@4 的新指令，总结出一套从设计拆解到代码落地的流程。", "url": "/docs/quick-start/v4/tutorial/workflow", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/workflow", "keywords": [ "快速开始", "安装", "配置", "进阶篇", "Tailwind", "CSS", "构建真实页面", "quick start", "v4", "tutorial", "workflow", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app" ], "headings": [ "工具优先的心智模型", "1. 拆解一个卡片组件", "2. 构建可复用的设计令牌", "3. 管理复杂布局与响应式", "4. 多文件协作与团队约定", "5. 调试与性能提示" ], "updatedAt": null, "source": "docs/quick-start/v4/tutorial/workflow.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/uni-app-vite", "title": "uni-app cli vue3 vite", "description": "接着直接运行 npm run dev:mp-weixin，", "summary": "接着直接运行 npm run dev:mp-weixin，", "url": "/docs/quick-start/v4/uni-app-vite", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/uni-app-vite", "keywords": [ "快速开始", "安装", "配置", "uni-app", "cli", "vue3", "vite", "quick start", "v4", "uni app vite", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax" ], "headings": [ "1. 安装", "2. 配置 `vite.config.ts`", "3. 添加样式", "参考模板" ], "updatedAt": null, "source": "docs/quick-start/v4/uni-app-vite.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/uni-app-vite-hbuilder", "title": "HBuilderX", "description": "Tailwind CSS v4 在 HBuilderX（uni-app）中的接入步骤与关键配置说明。", "summary": "Tailwind CSS v4 在 HBuilderX（uni-app）中的接入步骤与关键配置说明。", "url": "/docs/quick-start/v4/uni-app-vite-hbuilder", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/uni-app-vite-hbuilder", "keywords": [ "快速开始", "安装", "配置", "HBuilderX", "uni-app", "Tailwind CSS v4", "v4", "uni app vite hbuilder", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax", "mpx", "quick start" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/v4/uni-app-vite-hbuilder.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/uni-app-webpack", "title": "uni-app cli vue2 webpack", "description": "然后直接运行到小程序，微信开发者工具导入这个项目，即可看到效果", "summary": "然后直接运行到小程序，微信开发者工具导入这个项目，即可看到效果", "url": "/docs/quick-start/v4/uni-app-webpack", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/uni-app-webpack", "keywords": [ "快速开始", "安装", "配置", "uni-app", "cli", "vue2", "webpack", "quick start", "v4", "uni app webpack", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax" ], "headings": [ "安装", "配置", "# 创建 `vue.config.js`", "配置 `postcss.config.js`", "添加样式", "参考模板" ], "updatedAt": null, "source": "docs/quick-start/v4/uni-app-webpack.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/uni-app-x", "title": "uni-app x", "description": "Tailwind CSS v4 在 uni-app x（HBuilderX）中的接入说明、平台支持范围与注意事项。", "summary": "Tailwind CSS v4 在 uni-app x（HBuilderX）中的接入说明、平台支持范围与注意事项。", "url": "/docs/quick-start/v4/uni-app-x", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/uni-app-x", "keywords": [ "快速开始", "安装", "配置", "uni-app", "uni-app x", "HBuilderX", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "taro", "rax", "mpx", "quick start", "uni app x" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/v4/uni-app-x.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/UniappCliStyle", "title": "UniappCliStyle", "description": "在 src/app.css 中引入 tailwindcss，这个文件会作为 cssEntries 的入口：", "summary": "在 src/app.css 中引入 tailwindcss，这个文件会作为 cssEntries 的入口：", "url": "/docs/quick-start/v4/UniappCliStyle", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/UniappCliStyle", "keywords": [ "快速开始", "安装", "配置", "UniappCliStyle", "quick start", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/v4/UniappCliStyle.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/UniAppHbuilderShared", "title": "初始化 package.json", "description": "现在，在你的页面里面去随意的编写样式，比如 bg-[#123456] text-[#654321], 然后运行到微信开发者工具即可", "summary": "现在，在你的页面里面去随意的编写样式，比如 bg-[#123456] text-[#654321], 然后运行到微信开发者工具即可", "url": "/docs/quick-start/v4/UniAppHbuilderShared", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/UniAppHbuilderShared", "keywords": [ "快速开始", "安装", "配置", "初始化", "package.json", "quick start", "v4", "UniAppHbuilderShared", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "1. 安装", "2. 添加 `vite.config.ts`", "3. 添加样式", "参考模板" ], "updatedAt": null, "source": "docs/quick-start/v4/UniAppHbuilderShared.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/UniappHbuilderStyle", "title": "UniappHbuilderStyle", "description": "在 src/app.css 中引入 tailwindcss，这个文件会作为 cssEntries 的入口：", "summary": "在 src/app.css 中引入 tailwindcss，这个文件会作为 cssEntries 的入口：", "url": "/docs/quick-start/v4/UniappHbuilderStyle", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/UniappHbuilderStyle", "keywords": [ "快速开始", "安装", "配置", "UniappHbuilderStyle", "quick start", "v4", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/v4/UniappHbuilderStyle.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/weapp-vite", "title": "Weapp-vite", "description": "更改 vite.config.ts 注册 weapp-tailwindcss", "summary": "更改 vite.config.ts 注册 weapp-tailwindcss", "url": "/docs/quick-start/v4/weapp-vite", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/weapp-vite", "keywords": [ "快速开始", "安装", "配置", "Weapp-vite", "quick start", "v4", "weapp vite", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "安装", "配置", "添加样式" ], "updatedAt": null, "source": "docs/quick-start/v4/weapp-vite.mdx" }, { "kind": "doc", "id": "doc:quick-start/wxs", "title": "wxs的转义与处理", "description": "介绍 weapp-tailwindcss 对 wxs/sjs 的转义处理能力、适用版本与相关配置项。", "summary": "介绍 weapp-tailwindcss 对 wxs/sjs 的转义处理能力、适用版本与相关配置项。", "url": "/docs/quick-start/wxs", "canonical": "https://tw.icebreaker.top/docs/quick-start/wxs", "keywords": [ "快速开始", "安装", "配置", "wxs", "sjs", "转义处理", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx", "wxs的转义与处理", "quick start" ], "headings": [], "updatedAt": null, "source": "docs/quick-start/wxs.md" }, { "kind": "doc", "id": "doc:releases/v2", "title": "2.x 版本新特性", "description": "这个版本新增了 UnifiedWebpackPluginV5", "summary": "这个版本新增了 UnifiedWebpackPluginV5", "url": "/docs/releases/v2", "canonical": "https://tw.icebreaker.top/docs/releases/v2", "keywords": [ "2.x", "版本新特性", "releases", "v2", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "新插件介绍" ], "updatedAt": null, "source": "docs/releases/v2.md" }, { "kind": "doc", "id": "doc:showcase/index", "title": "优秀案例展示", "description": "以下内容来自 谁在使用 weapp-tailwindcss ？，列表顺序按照提交时间排序。", "summary": "以下内容来自 谁在使用 weapp-tailwindcss ？，列表顺序按照提交时间排序。", "url": "/docs/showcase", "canonical": "https://tw.icebreaker.top/docs/showcase", "keywords": [ "优秀案例展示", "showcase", "weapp-tailwindcss", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "# 区白白", "# 紫薇告诉你", "# 今修小程序", "# 聚贞顺", "# 安心校友圈", "# 一键呼援", "# 杭州数据交易所", "# 俞行日记" ], "updatedAt": null, "source": "docs/showcase/index.mdx" }, { "kind": "doc", "id": "doc:sponsor", "title": "成为 weapp-tailwindcss 的赞助商", "description": "weapp-tailwindcss 是采用 MIT 许可的开源项目，使用完全免费。", "summary": "weapp-tailwindcss 是采用 MIT 许可的开源项目，使用完全免费。", "url": "/docs/sponsor", "canonical": "https://tw.icebreaker.top/docs/sponsor", "keywords": [ "成为", "weapp-tailwindcss", "的赞助商", "sponsor", "tailwindcss", "小程序", "微信小程序", "uni-app", "taro", "rax", "mpx" ], "headings": [ "赞助方式", "