{ "version": "2.0.0", "generatedAt": "2026-08-21T09:22:01.973Z", "locale": "en-US", "contentTier": "full", "siteUrl": "https://tw.icebreaker.top", "totals": { "all": 142, "docs": 141, "blog": 1 }, "documents": [ { "kind": "blog", "id": "blog:2025/9/v4.3-release", "locale": "en-US", "contentTier": "full", "productArea": "blog", "title": "4.3.0 🚀", "description": "weapp-tailwindcss@4.3.0 enabled CSS variable calculation mode by default and added finer-grained cssCalc and px2rpx options, significantly improving rpx and calc compatibility across targets.", "summary": "weapp-tailwindcss@4.3.0 enabled CSS variable calculation mode by default and added finer-grained cssCalc, px2rpx, and related options, significantly improving rpx and calc compatibility across targets. This post explain…", "url": "/blog/v4.3-release", "canonical": "https://tw.icebreaker.top/blog/v4.3-release", "alternates": { "en-US": "https://tw.icebreaker.top/blog/v4.3-release", "zh-CN": "https://tw.icebreaker.top/zh-cn/blog/v4.3-release", "x-default": "https://tw.icebreaker.top/blog/v4.3-release" }, "keywords": [ "v4.3 release", "weapp-tailwindcss", "tailwindcss", "mini app", "mini program", "uni-app", "taro", "mpx", "Tailwind CSS 4", "cross-platform", "React Native", "Lynx" ], "headings": [ "CSS variable calculation mode", "New options", "px2rpx", "logLevel" ], "source": "i18n/en/blog/2025/9/v4.3-release.md", "updatedAt": "2025-09-13T00:00:00.000Z" }, { "kind": "doc", "id": "doc:ai/index", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI generates small program code", "description": "This page is about using AI to quickly build small programs. I hope it can help everyone continuously improve their development efficiency.", "summary": "This page is about using AI to quickly build small programs. I hope it can help everyone continuously improve their development efficiency.", "url": "/docs/ai", "canonical": "https://tw.icebreaker.top/docs/ai", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai", "x-default": "https://tw.icebreaker.top/docs/ai" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Generate applet code", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "generates", "small", "program" ], "headings": [ "Improve efficiency", "AI Learning Center: Skill Quick Installation", "How to contribute", "Pre-environment", "start", "Example", "Website", "Upload pictures", "Prompt words" ], "source": "i18n/en/docs/ai/index.md" }, { "kind": "doc", "id": "doc:ai/ai-coding-deployment-guide", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI programming assistant implementation plan", "description": "AI programming assistant implementation plan: Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "1. **Compliance Boundary**: Which warehouses/documents are allowed to leave the country? Is audit trail necessary? (Decide whether it can be used overseas and to what extent it can be used)", "url": "/docs/ai/ai-coding-deployment-guide", "canonical": "https://tw.icebreaker.top/docs/ai/ai-coding-deployment-guide", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/ai-coding-deployment-guide", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/ai-coding-deployment-guide", "x-default": "https://tw.icebreaker.top/docs/ai/ai-coding-deployment-guide" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Programming Assistant Implementation Plan", "ai coding deployment guide", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "programming", "assistant" ], "headings": [ "0. One-page conclusion (make decisions first, then compare)", "0.1 Decision-making shortest path (it is recommended to make decisions in this order)", "0.2 Quick diversion (select the \"main plan\" in one sentence)", "0.3 Default recommendation (applicable to most companies)", "1. What problem do we want to solve (implementation goals and boundaries)", "1.1 Business goals (recommended to be written in OKR)", "1.2 Scope boundaries (to prevent the project from getting out of control)", "1.3 Terminology (Allow cross-team alignment)", "2. Selection principles (solve network and compliance first)", "2.1 Two gates: first be able to use it, and then use it well", "2.2 Prerequisite list (requires \"verifiable\" and avoids verbal promises)", "2.3 How to compare (compare after the prerequisites are met)" ], "source": "i18n/en/docs/ai/ai-coding-deployment-guide.md" }, { "kind": "doc", "id": "doc:ai/ai-coding-three-solutions", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Selection guide for five major AI coding assistant solutions", "description": "In-depth comparison of the prices, quotas and applicable scenarios of the five major AI programming solutions: Cursor IDE, GitHub Copilot, Claude Code, OpenAI Codex and AWS Kiro", "summary": "This document will provide an in-depth comparison of the five most popular AI programming solutions: **AWS Kiro**, **GitHub Copilot**, **Cursor IDE**, **Claude Code** and **OpenAI Codex**, to help developers choose the…", "url": "/docs/ai/ai-coding-three-solutions", "canonical": "https://tw.icebreaker.top/docs/ai/ai-coding-three-solutions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/ai-coding-three-solutions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/ai-coding-three-solutions", "x-default": "https://tw.icebreaker.top/docs/ai/ai-coding-three-solutions" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Selection Guide for Five Coding Assistant Solutions", "ai coding three solutions", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Selection", "guide" ], "headings": [ "Overview", "Directly available domestic plans", "Option 1: AWS Kiro ✅ Directly available in China", "Reason for selection", "⚠️ Notes for Chinese users", "Personal Subscription Plan", "Team Subscription Plan", "Technical features", "Reference link", "Option 2: GitHub Copilot ✅ Can be used directly", "Reason for selection", "Personal subscription plan (2025-2026 latest)" ], "source": "i18n/en/docs/ai/ai-coding-three-solutions.md" }, { "kind": "doc", "id": "doc:ai/ai-limitations", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Common shortcomings and flaws of AI", "description": "Treat the model as an unstable external dependency: first clarify human responsibilities, approval and review processes, and then let AI enter the critical path; leave enough budget for monitoring, evaluation, resilience and manual support to ensure that \"people are the decision-makers and AI is the tool.\"", "summary": "Treat the model as an unstable external dependency: first clarify human responsibilities, approval and review processes, and then let AI enter the critical path; leave enough budget for monitoring, evaluation, resilienc…", "url": "/docs/ai/ai-limitations", "canonical": "https://tw.icebreaker.top/docs/ai/ai-limitations", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/ai-limitations", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/ai-limitations", "x-default": "https://tw.icebreaker.top/docs/ai/ai-limitations" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Common shortcomings and flaws", "ai limitations", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Common", "shortcomings" ], "headings": [ "Data and knowledge level", "Model and algorithm limitations", "System and engineering stability", "Security, Confrontation and Privacy", "Productization and Operational Challenges", "Typical high-risk scenarios", "The leading role of people and the principle of implementation", "Response suggestions (brief)" ], "source": "i18n/en/docs/ai/ai-limitations.md" }, { "kind": "doc", "id": "doc:ai/ai-programming-plan", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI Programming Solution Selection Guide", "description": "Comparison of the capabilities and subscription plans of international and domestic AI programming platforms, IDEs and plug-ins, with budget and scenario-based selection recommendations.", "summary": "This document aims to provide companies with a comprehensive AI programming tool selection reference, covering international mainstream and domestic excellent solutions, from subscription services, IDE tools to plug-in…", "url": "/docs/ai/ai-programming-plan", "canonical": "https://tw.icebreaker.top/docs/ai/ai-programming-plan", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/ai-programming-plan", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/ai-programming-plan", "x-default": "https://tw.icebreaker.top/docs/ai/ai-programming-plan" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Programming Solution Selection Guide", "ai programming plan", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Programming", "Solution" ], "headings": [ "1. Plan Overview", "2. Detailed comparison documents", "3. Summary of core platform features", "2.1 International mainstream AI platform", "2.2 Domestic Coding Plan Platform", "2.3 IDE and development environment", "2.4 VSCode plug-in", "3. Selection suggestions", "3.0 Decision-making points for teams of different sizes", "3.1 Classification by budget", "3.2 Classification by usage scenarios", "3.3 Classification by technology stack" ], "source": "i18n/en/docs/ai/ai-programming-plan.md" }, { "kind": "doc", "id": "doc:ai/basics/agent", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI Agent", "description": "AI Agent: Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "1. **Perceive** (Perceive): Obtain environmental information", "url": "/docs/ai/basics/agent", "canonical": "https://tw.icebreaker.top/docs/ai/basics/agent", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/agent", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/agent", "x-default": "https://tw.icebreaker.top/docs/ai/basics/agent" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Agent", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding", "Tailwind CSS 4", "cross-platform", "mini app" ], "headings": [ "Overview", "Core concepts", "1. Definition of Agent", "2. The difference between Agent and Chatbot", "Agent architecture", "Basic architecture", "Core components", "Type of Agent", "1. Single Agent system", "2. Multi-Agent system", "3. Hierarchical Agent system", "Mainstream Agent framework" ], "source": "i18n/en/docs/ai/basics/agent.md" }, { "kind": "doc", "id": "doc:ai/basics/ai-sandbox", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI Sandbox", "description": "Introduces the core concepts, risk isolation mechanisms, and practical solutions of the AI sandbox to help safely run AI-generated code and commands locally.", "summary": "An **AI Sandbox** is an **isolated execution environment** used to safely run AI-generated code, execute commands, or conduct experiments. The sandbox ensures that AI operations do not impact the host system while provi…", "url": "/docs/ai/basics/ai-sandbox", "canonical": "https://tw.icebreaker.top/docs/ai/basics/ai-sandbox", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/ai-sandbox", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/ai-sandbox", "x-default": "https://tw.icebreaker.top/docs/ai/basics/ai-sandbox" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "sandbox", "basics", "ai sandbox", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Overview", "Why you need an AI sandbox", "1. Security risks", "2. Typical scenario", "Type of sandbox", "1. Process-level sandbox", "2. Container-level sandbox", "3. Virtual machine-level sandbox", "4. Web Sandbox", "Mainstream AI sandbox solution", "1. E2B", "2. Docker Exec" ], "source": "i18n/en/docs/ai/basics/ai-sandbox.md" }, { "kind": "doc", "id": "doc:ai/basics/context-window", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Context Window", "description": "As the context approaches the upper limit of the window, the model may:", "summary": "As the context approaches the upper limit of the window, the model may:", "url": "/docs/ai/basics/context-window", "canonical": "https://tw.icebreaker.top/docs/ai/basics/context-window", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/context-window", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/context-window", "x-default": "https://tw.icebreaker.top/docs/ai/basics/context-window" }, "keywords": [ "AI programming", "LLM", "Workflow", "context window", "Context", "Window", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding", "Tailwind CSS 4" ], "headings": [ "Overview", "Core concepts", "1. Composition of context window", "2. Input vs output window", "Very long context model (>500K)", "Standard context model (100K-200K)", "Medium context model (32K-100K)", "Small context model (<32K)", "Evolution of context window", "The role of the context window", "1. Code analysis", "2. Document processing" ], "source": "i18n/en/docs/ai/basics/context-window.md" }, { "kind": "doc", "id": "doc:ai/basics/llms-txt", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "LLMs.txt (LLM friendly document)", "description": "LLMs.txt (LLM friendly document): Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "├── components/ # component directory", "url": "/docs/ai/basics/llms-txt", "canonical": "https://tw.icebreaker.top/docs/ai/basics/llms-txt", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/llms-txt", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/llms-txt", "x-default": "https://tw.icebreaker.top/docs/ai/basics/llms-txt" }, "keywords": [ "AI programming", "LLM", "Workflow", "LLMs.txt", "Friendly documentation", "ai", "basics", "llms txt", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding" ], "headings": [ "Overview", "The role of llms.txt", "1. Provide project context for AI", "2. Relationship with Claude Code CLAUDE.md", "3. Standard vs Custom", "Standard format of llms.txt", "Recommended structure", "Project Overview", "Technology stack", "Project structure", "Quick start", "Coding specifications" ], "source": "i18n/en/docs/ai/basics/llms-txt.md" }, { "kind": "doc", "id": "doc:ai/basics/mcp", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "MCP (Model Context Protocol)", "description": "MCP (Model Context Protocol): Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "MCP is a **client-server protocol** that defines:", "url": "/docs/ai/basics/mcp", "canonical": "https://tw.icebreaker.top/docs/ai/basics/mcp", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/mcp", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/mcp", "x-default": "https://tw.icebreaker.top/docs/ai/basics/mcp" }, "keywords": [ "AI programming", "LLM", "Workflow", "MCP", "Model", "Context", "Protocol", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding" ], "headings": [ "Overview", "Core concepts", "1. Definition of MCP", "2. Architecture components", "MCP Core Competencies", "1. Resources", "2. Prompt word templates (Prompts)", "3. Tools", "MCP transport layer", "1. STDIO (standard input/output)", "2. SSE (Server-Sent Events)", "3. Custom transmission" ], "source": "i18n/en/docs/ai/basics/mcp.md" }, { "kind": "doc", "id": "doc:ai/basics/power", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Power (standard-driven programming)", "description": "Power (standard-driven programming): Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "Claude Code’s **Plan Mode**:", "url": "/docs/ai/basics/power", "canonical": "https://tw.icebreaker.top/docs/ai/basics/power", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/power", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/power", "x-default": "https://tw.icebreaker.top/docs/ai/basics/power" }, "keywords": [ "AI programming", "LLM", "Workflow", "Power", "Specification driven programming", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "standard-driven" ], "headings": [ "Overview", "Definition of Power", "1. Basic concepts", "2. Dimensions of Power", "Level of Power", "Level 0: No standard ability", "Level 1: Basic specification understanding", "Level 2: Intermediate normative ability", "Level 3: Advanced specification capabilities", "Level 4: Expert level specification ability", "Power’s assessment", "1. Evaluation dimensions" ], "source": "i18n/en/docs/ai/basics/power.md" }, { "kind": "doc", "id": "doc:ai/basics/prompt-engineering", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Prompt Engineering", "description": "Prompt Engineering: Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "function SubmitForm() {", "url": "/docs/ai/basics/prompt-engineering", "canonical": "https://tw.icebreaker.top/docs/ai/basics/prompt-engineering", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/prompt-engineering", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/prompt-engineering", "x-default": "https://tw.icebreaker.top/docs/ai/basics/prompt-engineering" }, "keywords": [ "AI programming", "LLM", "Workflow", "Prompt", "Engineering", "prompt word project", "ai", "basics", "prompt engineering", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding" ], "headings": [ "Overview", "What is a prompt word?", "1. Basic definition", "2. Components of prompt words", "Good prompt word principles", "CREATE framework", "Good prompt words vs bad prompt words", "Example 1: Code generation", "Example 2: Bug fix", "Example 3: Code Refactoring", "Example 4: Documentation", "Example 5: Code review" ], "source": "i18n/en/docs/ai/basics/prompt-engineering.md" }, { "kind": "doc", "id": "doc:ai/basics/rag", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "RAG (Retrieval Augmentation Generation)", "description": "Systematically explains the RAG architecture, core processes, and implementation points to help you build a searchable and traceable AI knowledge question and answer system.", "summary": "The simplest RAG implementation:", "url": "/docs/ai/basics/rag", "canonical": "https://tw.icebreaker.top/docs/ai/basics/rag", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/rag", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/rag", "x-default": "https://tw.icebreaker.top/docs/ai/basics/rag" }, "keywords": [ "AI programming", "LLM", "Workflow", "RAG", "Retrieval enhancement generation", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Retrieval" ], "headings": [ "Overview", "Core concepts of RAG", "1. Why RAG is needed", "2. RAG vs Fine-tuning", "How RAG works", "1. Basic process", "2. Key components", "Implementation of RAG", "1. Naive RAG (Basic RAG)", "2. Advanced RAG", "3. Modular RAG", "RAG’s optimization technology" ], "source": "i18n/en/docs/ai/basics/rag.md" }, { "kind": "doc", "id": "doc:ai/basics/skill", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Skill (skill system)", "description": "Install and use the weapp-tailwindcss official Skill Kit split into tasks.", "summary": "weapp-tailwindcss official skill is for business project users. It splits the current v5 access, migration, troubleshooting and advanced capabilities into independent workflows, avoiding the need for one big Skill to ma…", "url": "/docs/ai/basics/skill", "canonical": "https://tw.icebreaker.top/docs/ai/basics/skill", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/skill", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/skill", "x-default": "https://tw.icebreaker.top/docs/ai/basics/skill" }, "keywords": [ "AI programming", "LLM", "Skill", "weapp-tailwindcss", "Tailwind CSS 4", "Mini program", "uni-app", "taro", "mpx", "React Native", "ReactLynx", "AI coding", "workflow", "system", "ai", "basics" ], "headings": [ "Install the complete package", "Skill division of labor", "Current common baseline", "Local development installation", "Prompt word example", "Maintenance and verification" ], "source": "i18n/en/docs/ai/basics/skill.md" }, { "kind": "doc", "id": "doc:ai/basics/skill-release", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Skill publishing and synchronization", "description": "Describe the verification and synchronization process of weapp-tailwindcss official skill from the source warehouse to the aggregated installation warehouse.", "summary": "sonofmagic/weapp-tailwindcss by skills/ is the only source of truth for official Skill content. The sonofmagic/skills installed and used by users is an aggregation warehouse, and copies are not manually maintained here.", "url": "/docs/ai/basics/skill-release", "canonical": "https://tw.icebreaker.top/docs/ai/basics/skill-release", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/skill-release", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/skill-release", "x-default": "https://tw.icebreaker.top/docs/ai/basics/skill-release" }, "keywords": [ "Skill", "release", "synchronous", "sonofmagic/skills", "weapp-tailwindcss", "AI programming", "Workflow", "Mini program", "AI coding", "LLM", "publishing", "and", "synchronization", "ai", "basics", "skill release" ], "headings": [ "Synchronization relationship", "Check before publishing", "Release process", "User installation command" ], "source": "i18n/en/docs/ai/basics/skill-release.md" }, { "kind": "doc", "id": "doc:ai/basics/spec-driven-development", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Spec-Driven Development", "description": "Cursor's multi-step task execution:", "summary": "Describe what the software should do:", "url": "/docs/ai/basics/spec-driven-development", "canonical": "https://tw.icebreaker.top/docs/ai/basics/spec-driven-development", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/spec-driven-development", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/spec-driven-development", "x-default": "https://tw.icebreaker.top/docs/ai/basics/spec-driven-development" }, "keywords": [ "AI programming", "LLM", "Workflow", "Spec-Driven", "Development", "Specification-driven development", "ai", "basics", "spec driven development", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding" ], "headings": [ "Overview", "Core concepts", "1. What is Spec?", "Function description", "Input", "Output", "Validation rules", "API endpoint", "2. Spec-Driven vs traditional development", "Spec-Driven Development process", "Type of Spec", "1. Functional specifications" ], "source": "i18n/en/docs/ai/basics/spec-driven-development.md" }, { "kind": "doc", "id": "doc:ai/basics/token", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Token (word element)", "description": "Token (word element): Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "Token is a **sequence fragment** that cuts the text into:", "url": "/docs/ai/basics/token", "canonical": "https://tw.icebreaker.top/docs/ai/basics/token", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/token", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/token", "x-default": "https://tw.icebreaker.top/docs/ai/basics/token" }, "keywords": [ "AI programming", "LLM", "Workflow", "Token", "word element", "ai", "basics", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "word" ], "headings": [ "Overview", "The essence of Token", "1. What is Token?", "2. Tokenization", "3. Byte Pair Encoding (BPE)", "Token counting rules", "1. English text", "2. Chinese text", "3. Code", "4. Special scenes", "Token restrictions for each model", "Context Window" ], "source": "i18n/en/docs/ai/basics/token.md" }, { "kind": "doc", "id": "doc:ai/basics/vibe-coding", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Vibe Coding (intuitive programming)", "description": "Even with Vibe Coding, you still need to:", "summary": "Even with Vibe Coding, you still need to:", "url": "/docs/ai/basics/vibe-coding", "canonical": "https://tw.icebreaker.top/docs/ai/basics/vibe-coding", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/basics/vibe-coding", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/basics/vibe-coding", "x-default": "https://tw.icebreaker.top/docs/ai/basics/vibe-coding" }, "keywords": [ "AI programming", "LLM", "Workflow", "Vibe", "Coding", "intuitive programming", "ai", "basics", "vibe coding", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "AI coding" ], "headings": [ "Overview", "Core concepts", "1. What is Vibe Coding", "2. Vibe Coding vs Traditional Programming", "Vibe Coding style", "1. Exploratory programming", "2. Conversational programming", "3. Trial-and-error programming", "Vibe Coding scene", "Suitable for the scene", "Not suitable for the scene", "Vibe Coding + AI" ], "source": "i18n/en/docs/ai/basics/vibe-coding.md" }, { "kind": "doc", "id": "doc:ai/international-ai-models-comparison", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "Recommendations for selecting foreign top programming models", "description": "After an in-depth analysis of the current three top foreign AI programming models, we recommend:", "summary": "After an in-depth analysis of the current three top foreign AI programming models, we recommend:", "url": "/docs/ai/international-ai-models-comparison", "canonical": "https://tw.icebreaker.top/docs/ai/international-ai-models-comparison", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/international-ai-models-comparison", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/international-ai-models-comparison", "x-default": "https://tw.icebreaker.top/docs/ai/international-ai-models-comparison" }, "keywords": [ "AI programming", "LLM", "Workflow", "Recommendations for selecting foreign top programming models", "ai", "international ai models comparison", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Recommendations", "for" ], "headings": [ "Executive summary", "1. Core comparison of three major models", "1.1 Comparison of basic information", "1.2 Core Competence Radar Chart", "2. Claude Opus 4.5: King of Code Quality", "2.1 Why does Claude Opus 4.5 rank first in code quality?", "2.2 Applicable scenarios", "2.3 Claude Code CLI: official engineering tool", "2.4 Cost Analysis", "3. GPT-5.2: The King of Mathematical Reasoning", "3.1 Why is GPT-5.2 the strongest in mathematical reasoning?", "3.2 Applicable scenarios" ], "source": "i18n/en/docs/ai/international-ai-models-comparison.md" }, { "kind": "doc", "id": "doc:ai/llms", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "LLM Friendly Documentation (llms.txt)", "description": "LLM Friendly Documentation (llms.txt): Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "1. Execute pnpm --filter @weapp-tailwindcss/website build (or cd website && pnpm build) in the warehouse root directory.", "url": "/docs/ai/llms", "canonical": "https://tw.icebreaker.top/docs/ai/llms", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/llms", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/llms", "x-default": "https://tw.icebreaker.top/docs/ai/llms" }, "keywords": [ "AI programming", "LLM", "Workflow", "Friendly documentation", "llms.txt", "ai", "llms", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Friendly" ], "headings": [ "Generation method", "Online address", "Example prompt words for AI", "Offline use" ], "source": "i18n/en/docs/ai/llms.md" }, { "kind": "doc", "id": "doc:ai/qoder-vs-glm47-cursor-claude-comparison", "locale": "en-US", "contentTier": "full", "productArea": "ai", "title": "AI Programming Tool Selection Recommendation", "description": "After an in-depth analysis of current mainstream AI programming tools and models, we recommend:", "summary": "After an in-depth analysis of current mainstream AI programming tools and models, we recommend:", "url": "/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "canonical": "https://tw.icebreaker.top/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "alternates": { "en-US": "https://tw.icebreaker.top/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/ai/qoder-vs-glm47-cursor-claude-comparison", "x-default": "https://tw.icebreaker.top/docs/ai/qoder-vs-glm47-cursor-claude-comparison" }, "keywords": [ "AI programming", "LLM", "Workflow", "AI", "Programming Tool Selection Recommendation", "qoder vs glm47 cursor claude comparison", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "AI coding", "Programming", "Tool" ], "headings": [ "Executive summary", "1. Why choose GLM-4.7?", "1.0 The Importance of Model Quality", "1.1 Use the new rather than the old: the core principle of model iteration", "1.2 GLM-4.7 Core Advantages", "2. GLM-4.7 + Claude Code CLI: the best engineering combination", "2.1 Why choose Claude Code CLI?", "2.2 Comparison with other solutions", "3. Product Comparative Analysis", "3.1 IDE comparison: Qoder vs Cursor", "3.2 CLI comparison: Qoder CLI vs Claude Code CLI", "3.3 Comparison of mainstream AI Coding Plan prices and usage restrictions" ], "source": "i18n/en/docs/ai/qoder-vs-glm47-cursor-claude-comparison.md" }, { "kind": "doc", "id": "doc:api/index", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "weapp-tailwindcss", "description": "weapp-tailwindcss API home page, providing configuration item grouping and interface index.", "summary": "weapp-tailwindcss API home page, providing configuration item grouping and interface index.", "url": "/docs/api", "canonical": "https://tw.icebreaker.top/docs/api", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api", "x-default": "https://tw.icebreaker.top/docs/api" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "API Home Page", "Configuration item index", "interface index", "Parameter description", "reference", "options", "Tailwind CSS 4", "cross-platform", "mini app" ], "headings": [ "Configuration items", "Interface" ], "source": "i18n/en/docs/api/index.md" }, { "kind": "doc", "id": "doc:api/interfaces/ApplyOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "ApplyOptions", "description": "Tailwind runtime behavior configuration.", "summary": "Tailwind runtime behavior configuration.", "url": "/docs/api/interfaces/ApplyOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/ApplyOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/ApplyOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/ApplyOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/ApplyOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "ApplyOptions", "ApplyOptions interface", "ApplyOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "overwrite?", "exposeContext?", "extendLengthUnits?" ], "source": "i18n/en/docs/api/interfaces/ApplyOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/CacheOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "CacheOptions", "description": "Tailwind class name cache configuration.", "summary": "Tailwind class name cache configuration.", "url": "/docs/api/interfaces/CacheOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/CacheOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/CacheOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/CacheOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/CacheOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "CacheOptions", "CacheOptions interface", "CacheOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "enabled?", "cwd?", "dir?", "file?", "strategy?", "driver?" ], "source": "i18n/en/docs/api/interfaces/CacheOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/ExtractOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "ExtractOptions", "description": "Type description for ExtractOptions, listing public properties, parameters, and usage boundaries.", "summary": "Output configuration for class name extraction results.", "url": "/docs/api/interfaces/ExtractOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/ExtractOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/ExtractOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/ExtractOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/ExtractOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "ExtractOptions", "ExtractOptions interface", "ExtractOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "write?", "file?", "format?", "pretty?", "removeUniversalSelector?" ], "source": "i18n/en/docs/api/interfaces/ExtractOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/TailwindCssOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "TailwindCssOptions", "description": "Runtime configuration by Tailwind version.", "summary": "Runtime configuration by Tailwind version.", "url": "/docs/api/interfaces/TailwindCssOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/TailwindCssOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "TailwindCssOptions", "TailwindCssOptions interface", "TailwindCssOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "config?", "cwd?", "postcssPlugin?", "version?", "packageName?", "resolve?", "v4?" ], "source": "i18n/en/docs/api/interfaces/TailwindCssOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/TailwindCssRuntimeOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "TailwindCssRuntimeOptions", "description": "Tailwind CSS runtime root configuration.", "summary": "Tailwind CSS runtime root configuration.", "url": "/docs/api/interfaces/TailwindCssRuntimeOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssRuntimeOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssRuntimeOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/TailwindCssRuntimeOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/TailwindCssRuntimeOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "TailwindCssRuntimeOptions", "TailwindCssRuntimeOptions interface", "TailwindCssRuntimeOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "projectRoot?", "tailwindcss?", "apply?", "extract?", "filter()?", "cache?" ], "source": "i18n/en/docs/api/interfaces/TailwindCssRuntimeOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/TailwindV4Options", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "TailwindV4Options", "description": "Tailwind CSS v4 extraction configuration.", "summary": "Tailwind CSS v4 extraction configuration.", "url": "/docs/api/interfaces/TailwindV4Options", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/TailwindV4Options", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/TailwindV4Options", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/TailwindV4Options", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/TailwindV4Options" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "TailwindV4Options", "TailwindV4Options interface", "TailwindV4Options type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "base?", "css?", "cssSources?", "cssEntries?", "sources?", "bareArbitraryValues?" ], "source": "i18n/en/docs/api/interfaces/TailwindV4Options.md" }, { "kind": "doc", "id": "doc:api/interfaces/UserDefinedOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "UserDefinedOptions", "description": "UserDefinedOptions configuration overview, lists the plug-in options that can be passed in by source code group.", "summary": "UserDefinedOptions configuration overview, lists the plug-in options that can be passed in by source code group.", "url": "/docs/api/interfaces/UserDefinedOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/UserDefinedOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "UserDefinedOptions", "Configuration overview", "Plug-in parameters", "Overview of options", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Group entry", "Framework configuration references" ], "source": "i18n/en/docs/api/interfaces/UserDefinedOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssGenerateOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssGenerateOptions", "description": "Invocation configuration of weapp-tailwindcss generator.", "summary": "Invocation configuration of weapp-tailwindcss generator.", "url": "/docs/api/interfaces/WeappTailwindcssGenerateOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssGenerateOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssGenerateOptions", "WeappTailwindcssGenerateOptions interface", "WeappTailwindcssGenerateOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "target?", "styleOptions?", "candidates?", "sources?", "incrementalCache?", "bareArbitraryValues?", "scanSources?" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssGenerateOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssGenerateResult", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssGenerateResult", "description": "The output of the weapp-tailwindcss generator.", "summary": "The output of the weapp-tailwindcss generator.", "url": "/docs/api/interfaces/WeappTailwindcssGenerateResult", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateResult", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateResult", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssGenerateResult", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerateResult" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssGenerateResult", "WeappTailwindcssGenerateResult interface", "WeappTailwindcssGenerateResult type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "classSet", "rawCandidates", "dependencies", "sources", "root", "css", "rawCss", "incrementalCss?", "incrementalRawCss?", "target" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssGenerateResult.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssGenerator", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssGenerator", "description": "weapp-tailwindcss unified generator instance.", "summary": "weapp-tailwindcss unified generator instance.", "url": "/docs/api/interfaces/WeappTailwindcssGenerator", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerator", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerator", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssGenerator", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGenerator" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssGenerator", "WeappTailwindcssGenerator interface", "WeappTailwindcssGenerator type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "generate()", "loadDesignSystem()", "validateCandidates()", "source" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssGenerator.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssGeneratorTarget", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssGeneratorTarget", "description": "Type description for WeappTailwindcssGeneratorTarget, listing public properties, parameters, and usage boundaries.", "summary": "Type description for WeappTailwindcssGeneratorTarget, listing public properties, parameters, and usage boundaries.", "url": "/docs/api/interfaces/WeappTailwindcssGeneratorTarget", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGeneratorTarget", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGeneratorTarget", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssGeneratorTarget", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssGeneratorTarget" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssGeneratorTarget", "WeappTailwindcssGeneratorTarget interface", "WeappTailwindcssGeneratorTarget type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "length" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssGeneratorTarget.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssPostcssPluginOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssPostcssPluginOptions", "description": "WeappTailwindcssPostcssPluginOptions: API contracts, types, and integration details for cross-platform Tailwind CSS workflows.", "summary": "weapp-tailwindcss PostCSS plugin configuration.", "url": "/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssPostcssPluginOptions", "WeappTailwindcssPostcssPluginOptions interface", "WeappTailwindcssPostcssPluginOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "projectRoot?", "base?", "css?", "packageName?", "generator?", "config?", "postcssPlugin?", "candidates?", "scanSources?", "sources?", "styleOptions?" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssPostcssPluginOptions.md" }, { "kind": "doc", "id": "doc:api/interfaces/WeappTailwindcssStyleInjectorOptions", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "WeappTailwindcssStyleInjectorOptions", "description": "Type description for WeappTailwindcssStyleInjectorOptions, listing public properties, parameters, and usage boundaries.", "summary": "string | string[] | null | undefined", "url": "/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions", "canonical": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions", "x-default": "https://tw.icebreaker.top/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "WeappTailwindcssStyleInjectorOptions", "WeappTailwindcssStyleInjectorOptions interface", "WeappTailwindcssStyleInjectorOptions type definition", "TypeScript", "reference", "options", "interfaces", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Properties", "imports?", "perFileImports()?", "dedupe?", "pagesJsonPath?", "appConfigPath?", "appPath?", "sourceRoot?", "subPackages?", "uniAppSubPackages?", "uniAppStyleScopes?", "subpackageStyleScopes?" ], "source": "i18n/en/docs/api/interfaces/WeappTailwindcssStyleInjectorOptions.md" }, { "kind": "doc", "id": "doc:api/options/general", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "⚙️ General configuration", "description": "⚙️ General configuration: 6 UserDefinedOptions configuration items, including type, default value and source code description.", "summary": "This page contains 6 configuration items, sourced from UserDefinedOptions.", "url": "/docs/api/options/general", "canonical": "https://tw.icebreaker.top/docs/api/options/general", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/options/general", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/options/general", "x-default": "https://tw.icebreaker.top/docs/api/options/general" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "General configuration", "⚙️ General configuration", "General configuration configuration", "Plug-in parameters", "reference", "options", "General", "configuration", "Tailwind CSS 4" ], "headings": [ "Configuration overview", "Detailed description", "cssSourceTrace", "babelParserOptions", "experimentalJsFastPath", "postcssOptions", "tailwindcssRuntimeOptions", "logLevel" ], "source": "i18n/en/docs/api/options/general.md" }, { "kind": "doc", "id": "doc:api/options/important", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "✅Important configuration", "description": "✅ Important configuration: 20 UserDefinedOptions configuration items, including type, default value and source code description.", "summary": "This page contains 20 configuration items, sourced from UserDefinedOptions.", "url": "/docs/api/options/important", "canonical": "https://tw.icebreaker.top/docs/api/options/important", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/options/important", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/options/important", "x-default": "https://tw.icebreaker.top/docs/api/options/important" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "Important configuration", "✅Important configuration", "Important configuration Configuration", "Plug-in parameters", "reference", "options", "Important", "configuration", "Tailwind CSS 4" ], "headings": [ "Configuration overview", "Detailed description", "supportCustomLengthUnits", "appType", "arbitraryValues", "unocss", "jsPreserveClass", "disabled", "replaceRuntimePackages", "rewriteCssImports", "customAttributes", "customReplaceDictionary" ], "source": "i18n/en/docs/api/options/important.md" }, { "kind": "doc", "id": "doc:api/options/lifecycle", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "🧭 life cycle", "description": "🧭 Life cycle: 4 UserDefinedOptions configuration items, including type, default value and source code description.", "summary": "This page contains 4 configuration items, sourced from UserDefinedOptions.", "url": "/docs/api/options/lifecycle", "canonical": "https://tw.icebreaker.top/docs/api/options/lifecycle", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/options/lifecycle", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/options/lifecycle", "x-default": "https://tw.icebreaker.top/docs/api/options/lifecycle" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "life cycle", "🧭 life cycle", "life cycle configuration", "Plug-in parameters", "reference", "options", "life", "cycle", "lifecycle" ], "headings": [ "Configuration overview", "Detailed description", "onLoad", "onStart", "onUpdate", "onEnd" ], "source": "i18n/en/docs/api/options/lifecycle.md" }, { "kind": "doc", "id": "doc:api/options/matchers", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "🧩 File matching", "description": "🧩 File matching: 7 UserDefinedOptions configuration items, including type, default value and source code description.", "summary": "This page contains 7 configuration items, sourced from UserDefinedOptions.", "url": "/docs/api/options/matchers", "canonical": "https://tw.icebreaker.top/docs/api/options/matchers", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/options/matchers", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/options/matchers", "x-default": "https://tw.icebreaker.top/docs/api/options/matchers" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "file match", "🧩 File matching", "File matching configuration", "Plug-in parameters", "reference", "options", "File", "matching", "matchers" ], "headings": [ "Configuration overview", "Detailed description", "htmlMatcher", "cssMatcher", "jsMatcher", "transform", "mainCssChunkMatcher", "wxsMatcher", "inlineWxs" ], "source": "i18n/en/docs/api/options/matchers.md" }, { "kind": "doc", "id": "doc:api/other-interfaces", "locale": "en-US", "contentTier": "primary", "productArea": "api", "title": "🗂️Other interfaces", "description": "Additional interfaces index, listing 12 weapp-tailwindcss runtime interfaces and supplementary types.", "summary": "The following interfaces are used to supplement configuration or runtime capabilities. This page only provides an index.", "url": "/docs/api/other-interfaces", "canonical": "https://tw.icebreaker.top/docs/api/other-interfaces", "alternates": { "en-US": "https://tw.icebreaker.top/docs/api/other-interfaces", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/api/other-interfaces", "x-default": "https://tw.icebreaker.top/docs/api/other-interfaces" }, "keywords": [ "weapp-tailwindcss", "API", "Interface documentation", "Configuration items", "Mini program", "tailwindcss", "WeChat applet", "Other interfaces", "runtime interface", "type definition", "interface index", "reference", "options", "Other", "interfaces", "Tailwind CSS 4" ], "headings": [], "source": "i18n/en/docs/api/other-interfaces.md" }, { "kind": "doc", "id": "doc:at-property", "locale": "en-US", "contentTier": "full", "productArea": "at-property", "title": "at property", "description": "at property: Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "In CSS, @property is a new feature of **registering custom properties (CSS Custom Properties)**, which solves some of the defects of the original \"pure string variable\" like --var: value. It mainly provides **type const…", "url": "/docs/at-property", "canonical": "https://tw.icebreaker.top/docs/at-property", "alternates": { "en-US": "https://tw.icebreaker.top/docs/at-property", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/at-property", "x-default": "https://tw.icebreaker.top/docs/at-property" }, "keywords": [ "at", "property", "at property", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "Tailwind CSS 4", "cross-platform", "mini app", "React Native", "Lynx" ], "headings": [ "1. Basic functions of `@property`", "2. Why it can optimize performance", "3. Example scenario", "Animation value", "Gradient color", "Responsive size", "4. Summary", "1. **Prevent FOUC (flash) when variables are undefined**", "2. **Ensure the legality of variable input**", "3. **Fine control on inheritance/non-inheritance**", "4. **Combined with Container Query**", "5. **Ensure the dynamic theme system is more robust**" ], "source": "i18n/en/docs/at-property.md" }, { "kind": "doc", "id": "doc:community", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Ecology and solutions", "description": "Summarizes weapp-tailwindcss plugins, templates, multi-platform practices, themes, multi-context setups, and runtime tools.", "summary": "Summarizes weapp-tailwindcss plugins, templates, multi-platform practices, themes, multi-context setups, and runtime tools.", "url": "/docs/community", "canonical": "https://tw.icebreaker.top/docs/community", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community", "x-default": "https://tw.icebreaker.top/docs/community" }, "keywords": [ "Ecology and solutions", "community", "Ecological plug-in", "template", "Multi-terminal solution", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "Ecology", "and", "solutions", "Tailwind CSS 4" ], "headings": [ "Plug-in", "[@weapp-tailwindcss/reset](./community/reset)", "[Out-of-the-box mini program icon solution](./icons)", "[uni-app conditional compilation style](./quick-start/uni-app-css-macro)", "Template", "[Template for each frame](./community/templates)", "Solution", "[Multi-theme solution for mini program](./quick-start/apply-themes)", "[tailwindcss multiple contexts and independent subcontracting](./quick-start/independent-pkg)", "[Wxs escaping and processing](./quick-start/wxs)", "Community", "[Join the technical exchange group](./community/group)" ], "source": "i18n/en/docs/community.md" }, { "kind": "doc", "id": "doc:community/consult", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Consulting and customization services", "description": "Most of the open source projects in China like mine are generated for love. Except for sporadic rewards from individual friends, no one sponsors them. Of course, the reward money is also very small. The total reward amount is much less than my daily salary.", "summary": "Most of the open source projects in China like mine are generated for love. Except for sporadic rewards from individual friends, no one sponsors them. Of course, the reward money is also very small. The total reward amo…", "url": "/docs/community/consult", "canonical": "https://tw.icebreaker.top/docs/community/consult", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/consult", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/consult", "x-default": "https://tw.icebreaker.top/docs/community/consult" }, "keywords": [ "Community", "template", "Case", "Consulting and customization services", "consult", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Consulting", "and" ], "headings": [ "Some random thoughts" ], "source": "i18n/en/docs/community/consult.md" }, { "kind": "doc", "id": "doc:community/group", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Join the technical exchange group", "description": "If you encounter any problems during use, you are also welcome to enter the communication group to ask questions.", "summary": "If you encounter any problems during use, you are also welcome to enter the communication group to ask questions.", "url": "/docs/community/group", "canonical": "https://tw.icebreaker.top/docs/community/group", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/group", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/group", "x-default": "https://tw.icebreaker.top/docs/community/group" }, "keywords": [ "Community", "template", "Case", "Join the technical exchange group", "group", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Join", "the" ], "headings": [], "source": "i18n/en/docs/community/group.md" }, { "kind": "doc", "id": "doc:community/load-font", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Load custom fonts", "description": "Load custom fonts: Current concepts, configuration guidance, and practical examples for weapp-tailwindcss users.", "summary": "See: https://github.com/sonofmagic/weapp-tailwindcss/discussions/637", "url": "/docs/community/load-font", "canonical": "https://tw.icebreaker.top/docs/community/load-font", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/load-font", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/load-font", "x-default": "https://tw.icebreaker.top/docs/community/load-font" }, "keywords": [ "Community", "template", "Case", "Load custom fonts", "load font", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Load", "custom" ], "headings": [ "WeChat applet loads custom fonts" ], "source": "i18n/en/docs/community/load-font.md" }, { "kind": "doc", "id": "doc:community/merge/overview", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Overview", "description": "@weapp-tailwindcss/merge’s positioning, installation methods, quick-start examples, and common usage of multi-end projects.", "summary": "@weapp-tailwindcss/merge is the tailwind-merge runtime package for the mini program ecosystem, adapting to tailwindcss@4. It automatically executes escape/unescape before and after merging, and has built-in rpx length n…", "url": "/docs/community/merge", "canonical": "https://tw.icebreaker.top/docs/community/merge", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/merge", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/merge", "x-default": "https://tw.icebreaker.top/docs/community/merge" }, "keywords": [ "Community", "template", "Case", "Overview", "merge", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Runtime matrix", "Runtime process (small program)", "Install", "Get started quickly", "rpx length normalization", "Compile-time collaboration with weapp-tailwindcss", "Multi-terminal project: control escaping on demand", "Related runtimes", "Online experience" ], "source": "i18n/en/docs/community/merge/overview.mdx" }, { "kind": "doc", "id": "doc:community/merge/cva-and-variants", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "cva and tailwind-variants support", "description": "Use the built-in cva(), tv() and other tools of the weapp-tailwindcss runtime series (@weapp-tailwindcss/cva and @weapp-tailwindcss/variants) to quickly encapsulate cross-end components.", "summary": "@weapp-tailwindcss/cva and @weapp-tailwindcss/variants perform runtime encapsulation of class-variance-authority (cva) and tailwind-variants to ensure that the output class name is consistent with the applet compilation…", "url": "/docs/community/merge/cva-and-variants", "canonical": "https://tw.icebreaker.top/docs/community/merge/cva-and-variants", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/merge/cva-and-variants", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/merge/cva-and-variants", "x-default": "https://tw.icebreaker.top/docs/community/merge/cva-and-variants" }, "keywords": [ "Community", "template", "Case", "cva", "tailwind-variants", "support", "merge", "cva and variants", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "templates", "case studies" ], "headings": [ "Install", "cva()", "Live Demo", "tailwind-variants", "Combination variants", "cn / cnBase", "Multi-terminal projects", "Live Demo" ], "source": "i18n/en/docs/community/merge/cva-and-variants.mdx" }, { "kind": "doc", "id": "doc:community/merge/integration", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Integration and Troubleshooting Guide", "description": "Notes on integrating @weapp-tailwindcss/merge in real projects, as well as debugging tips for different packagers.", "summary": "weapp-tailwindcss will scan the source code for identifiers such as twMerge, twJoin, cva, cn, tv, and weappTwIgnore during the compilation phase. When the packager rewrites the function name during the compression proce…", "url": "/docs/community/merge/integration", "canonical": "https://tw.icebreaker.top/docs/community/merge/integration", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/merge/integration", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/merge/integration", "x-default": "https://tw.icebreaker.top/docs/community/merge/integration" }, "keywords": [ "Community", "template", "Case", "Integration and Troubleshooting Guide", "merge", "integration", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "and" ], "headings": [ "Work with build tools", "Reserve key function names", "Runtime package selection", "Linked with weapp-tailwindcss plug-in", "rpx length and any value", "Debugging suggestions" ], "source": "i18n/en/docs/community/merge/integration.mdx" }, { "kind": "doc", "id": "doc:community/merge/runtime-api", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Runtime API", "description": "shared runtime - @weapp-tailwindcss/runtime and the usage of merge series in mini programs.", "summary": "@weapp-tailwindcss/runtime is the common base for all runtime packages, uniformly providing escape/unescape, clsx, weappTwIgnore, createRuntimeFactory and createRpxLengthTransform.", "url": "/docs/community/merge/runtime-api", "canonical": "https://tw.icebreaker.top/docs/community/merge/runtime-api", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/merge/runtime-api", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/merge/runtime-api", "x-default": "https://tw.icebreaker.top/docs/community/merge/runtime-api" }, "keywords": [ "Community", "template", "Case", "runtime", "API", "merge", "runtime api", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies" ], "headings": [ "Install", "Runtime basic export", "createRuntimeFactory", "createRpxLengthTransform", "Standard export of merge runtime", "twMerge(...classValues)", "twJoin(...classValues)", "create(options?)", "CreateOptions", "weappTwIgnore", "Other packages based on runtime" ], "source": "i18n/en/docs/community/merge/runtime-api.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/index", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "packages-runtime overview", "description": "Version selection, capability matrix and multi-terminal usage mental model of runtime series packages.", "summary": "packages-runtime is a set of runtime capabilities of weapp-tailwindcss, which is used to extend compile-time class name rules to the applet to solve problems such as \"dynamic class name conflicts\", \"illegal character es…", "url": "/docs/community/packages-runtime", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/packages-runtime", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/packages-runtime", "x-default": "https://tw.icebreaker.top/docs/community/packages-runtime" }, "keywords": [ "Community", "template", "Case", "packages-runtime", "Overview", "packages runtime", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Tailwind CSS 4" ], "headings": [ "Runtime matrix", "Version selection", "pnpm + uni-app Notes", "Multi-terminal mental model (small program + Web)", "Chapter quick overview" ], "source": "i18n/en/docs/community/packages-runtime/index.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/cva", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "@weapp-tailwindcss/cva", "description": "Small program runtime encapsulation of class-variance-authority automatically handles escape and maintains type deduction.", "summary": "@weapp-tailwindcss/cva is the runtime encapsulation of class-variance-authority, and the output class name will be automatically escaped by the mini program. The API is consistent with type inference and can directly re…", "url": "/docs/community/packages-runtime/cva", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/cva", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/packages-runtime/cva", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/packages-runtime/cva", "x-default": "https://tw.icebreaker.top/docs/community/packages-runtime/cva" }, "keywords": [ "Community", "template", "Case", "weapp-tailwindcss", "cva", "packages runtime", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Install", "Basic usage", "Mini Program + Web", "Demo: Cross-end variant factory", "Common precautions" ], "source": "i18n/en/docs/community/packages-runtime/cva.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/merge", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "@weapp-tailwindcss/merge (Tailwind v4)", "description": "The tailwind-merge runtime package adapted to Tailwind v4 provides small program escape/unescape and multi-terminal factory capabilities.", "summary": "@weapp-tailwindcss/merge is a small program-friendly package of tailwind-merge@3, adapted to tailwindcss@4. It automatically handles escape/unescape before and after merging, making runtime output consistent with compil…", "url": "/docs/community/packages-runtime/merge", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/merge", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/packages-runtime/merge", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/packages-runtime/merge", "x-default": "https://tw.icebreaker.top/docs/community/packages-runtime/merge" }, "keywords": [ "Community", "template", "Case", "weapp-tailwindcss", "merge", "Tailwind", "v4", "packages runtime", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies" ], "headings": [ "Install", "Core API", "Basic example", "Extend merge rules", "Mini program usage", "Web usage (turn off escaping)", "Demo: Button class name merge", "Common precautions" ], "source": "i18n/en/docs/community/packages-runtime/merge.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/multi-platform-demos", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Multi-terminal Demo: Mini Program + Web", "description": "Cross-end examples based on packages-runtime: uni-app + Web, Taro + Web.", "summary": "The examples on this page use **Tailwind v4** as the main line (@weapp-tailwindcss/merge + @weapp-tailwindcss/variants). The current documentation only maintains Tailwind CSS 4 access instructions.", "url": "/docs/community/packages-runtime/multi-platform-demos", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/multi-platform-demos", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/packages-runtime/multi-platform-demos", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/packages-runtime/multi-platform-demos", "x-default": "https://tw.icebreaker.top/docs/community/packages-runtime/multi-platform-demos" }, "keywords": [ "Community", "template", "Case", "Multifaceted", "Demo", "Mini program", "Web", "packages runtime", "multi platform demos", "weapp-tailwindcss", "tailwindcss", "WeChat applet", "uni-app", "taro", "templates", "case studies" ], "headings": [ "Demo 1: uni-app + Web (Vue + TS)", "Shared variant (`src/ui/button.variants.ts`)", "Mini program / H5 shared page (`src/pages/index/index.vue`)", "Notes", "Demo 2: Taro + Web (React + TSX)", "Shared variant (`src/ui/card.variants.ts`)", "Mini program page (`src/pages/index/index.tsx`)", "Web Components (`src/components/Card.web.tsx`)", "Notes", "Extension direction" ], "source": "i18n/en/docs/community/packages-runtime/multi-platform-demos.mdx" }, { "kind": "doc", "id": "doc:community/packages-runtime/variants", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "@weapp-tailwindcss/variants", "description": "The tailwind-variants small program runtime package provides APIs such as tv/cn/createTV.", "summary": "@weapp-tailwindcss/variants is a small program package of tailwind-variants, which automatically completes escape/unescape and integrates the merging capability of @weapp-tailwindcss/merge by default. Applies to Tailwin…", "url": "/docs/community/packages-runtime/variants", "canonical": "https://tw.icebreaker.top/docs/community/packages-runtime/variants", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/packages-runtime/variants", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/packages-runtime/variants", "x-default": "https://tw.icebreaker.top/docs/community/packages-runtime/variants" }, "keywords": [ "Community", "template", "Case", "weapp-tailwindcss", "variants", "packages runtime", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Tailwind CSS 4", "cross-platform" ], "headings": [ "Install", "tv: variant factory", "cn / cnBase", "Mini Program + Web", "Demo: reuse the same configuration", "Common precautions" ], "source": "i18n/en/docs/community/packages-runtime/variants.mdx" }, { "kind": "doc", "id": "doc:community/plugins", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "Adapted `tailwindcss` plugin", "description": "Although, quite a few tailwindcss plug-ins can be used directly in weapp-tailwindcss.", "summary": "Although, quite a few tailwindcss plug-ins can be used directly in weapp-tailwindcss.", "url": "/docs/community/plugins", "canonical": "https://tw.icebreaker.top/docs/community/plugins", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/plugins", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/plugins", "x-default": "https://tw.icebreaker.top/docs/community/plugins" }, "keywords": [ "Community", "template", "Case", "Adaptable", "tailwindcss", "plug-in", "plugins", "weapp-tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "templates", "case studies", "Adapted" ], "headings": [], "source": "i18n/en/docs/community/plugins.md" }, { "kind": "doc", "id": "doc:community/reset", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "@weapp-tailwindcss/reset", "description": "The reset resource package for uni-app and Taro also provides static CSS resources and Tailwind reset plug-in implementation.", "summary": "@weapp-tailwindcss/reset is an independent reset resource package, suitable for direct import in the entry style of the uni-app / Taro project, and can also be used directly as a Tailwind plug-in.", "url": "/docs/community/reset", "canonical": "https://tw.icebreaker.top/docs/community/reset", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/reset", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/reset", "x-default": "https://tw.icebreaker.top/docs/community/reset" }, "keywords": [ "Community", "reset", "preflight", "normalize", "sanitize", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "templates", "case studies", "Tailwind CSS 4", "cross-platform", "mini app" ], "headings": [ "Install", "Currently provided reset", "Used as a Tailwind plug-in", "uni-app usage", "Taro usage", "Select suggestions", "Typical combination", "Relationship with the main package style" ], "source": "i18n/en/docs/community/reset.mdx" }, { "kind": "doc", "id": "doc:community/templates", "locale": "en-US", "contentTier": "full", "productArea": "community", "title": "🔥Templates for each framework", "description": "When your configuration is incorrect, you can also refer to the reference. The version marked with 🔥 is the recommended version.", "summary": "When you configure it incorrectly, you can also refer to the reference. The version with the 🔥 mark is the recommended version.", "url": "/docs/community/templates", "canonical": "https://tw.icebreaker.top/docs/community/templates", "alternates": { "en-US": "https://tw.icebreaker.top/docs/community/templates", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/community/templates", "x-default": "https://tw.icebreaker.top/docs/community/templates" }, "keywords": [ "Community", "template", "Case", "Templates for each frame", "templates", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "case studies", "for", "each", "framework" ], "headings": [ "uni-app", "Building with `uni-app cli` `vscode` Development", "Building and developing with `hbuilderx`", "tarojs", "Building with `tarojs` `vscode` development", "native", "Native applet development template", "`tailwindcss@4`", "More templates" ], "source": "i18n/en/docs/community/templates.mdx" }, { "kind": "doc", "id": "doc:config/react-lynx", "locale": "en-US", "contentTier": "full", "productArea": "config", "title": "ReactLynx / Rspeedy Configuration Reference", "description": "Configuration responsibilities, Rspack loader usage, and Lynx encoder boundaries for ReactLynx, Rspeedy, and @weapp-tailwindcss/lynx.", "summary": "This page explains every Lynx-specific option in pluginLynxTailwindcss(). Start with the ReactLynx / Rspeedy guide for initial setup.", "url": "/docs/config/react-lynx", "canonical": "https://tw.icebreaker.top/docs/config/react-lynx", "alternates": { "en-US": "https://tw.icebreaker.top/docs/config/react-lynx", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/config/react-lynx", "x-default": "https://tw.icebreaker.top/docs/config/react-lynx" }, "keywords": [ "ReactLynx", "Rspeedy", "Lynx", "Tailwind CSS 4", "Rspack", "CSS loader", "encoder", "native CSS", "Configuration", "Reference", "config", "react lynx", "weapp-tailwindcss", "cross-platform", "mini app", "uni-app" ], "headings": [ "Support baseline", "Minimal configuration", "Option index", "Option details", "`generator` {#generator}", "`rspack` {#rspack}", "`rspack.cssImportRewriteLoader` {#rspack-cssimportrewriteloader}", "`rspack.removeLightningCssLoader` {#rspack-removelightningcssloader}", "CSS and candidates", "Three evidence layers", "Validation" ], "source": "i18n/en/docs/config/react-lynx.md" }, { "kind": "doc", "id": "doc:config/react-native", "locale": "en-US", "contentTier": "full", "productArea": "config", "title": "React Native / Expo Configuration Reference", "description": "Configuration responsibilities, input modes, and the manifest runtime model for React Native, Expo, Metro, and @weapp-tailwindcss/react-native.", "summary": "This page explains every Metro option in withWeappTailwindcss(). Start with the React Native / Expo quick start for initial setup.", "url": "/docs/config/react-native", "canonical": "https://tw.icebreaker.top/docs/config/react-native", "alternates": { "en-US": "https://tw.icebreaker.top/docs/config/react-native", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/config/react-native", "x-default": "https://tw.icebreaker.top/docs/config/react-native" }, "keywords": [ "React Native", "Expo", "Metro", "Babel", "Tailwind CSS 4", "NativeStyleManifest", "sourceGlobs", "HMR", "React", "Native", "Configuration", "Reference", "config", "weapp-tailwindcss", "cross-platform", "mini app" ], "headings": [ "Support baseline", "Minimal configuration", "Option index", "Option details", "`projectRoot` {#projectroot}", "`input` {#input}", "`css` {#css}", "`manifest` {#manifest}", "`classSet` {#classset}", "`sourceGlobs` {#sourceglobs}", "`watchFiles` {#watchfiles}", "CSS, Babel, and runtime model" ], "source": "i18n/en/docs/config/react-native.md" }, { "kind": "doc", "id": "doc:config/uni-app-x", "locale": "en-US", "contentTier": "full", "productArea": "config", "title": "uni-app x Configuration Reference", "description": "Responsibilities, usage, and cross-platform boundaries of the Tailwind CSS 4 configuration for uni-app x, HBuilderX, and weapp-tailwindcss.", "summary": "This page explains every public option in the uniAppX() preset. Start with the uni-app x quick start, then use this reference to distinguish candidate scanning, CSS generation, class transformation, and local-style deli…", "url": "/docs/config/uni-app-x", "canonical": "https://tw.icebreaker.top/docs/config/uni-app-x", "alternates": { "en-US": "https://tw.icebreaker.top/docs/config/uni-app-x", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/config/uni-app-x", "x-default": "https://tw.icebreaker.top/docs/config/uni-app-x" }, "keywords": [ "uni-app x", "HBuilderX", "uniAppX", "Tailwind CSS 4", "componentLocalStyles", "style isolation", "unit conversion", "uvue", "uni-app", "Configuration", "Reference", "config", "uni app x", "weapp-tailwindcss", "cross-platform", "mini app" ], "headings": [ "Support baseline", "Minimal configuration", "Separate the four responsibilities", "Option index", "Option details", "`base` {#base}", "`cssEntries` {#cssentries}", "`rem2rpx` {#rem2rpx}", "`unitsToPx` {#unitstopx}", "`unitConversion` {#unitconversion}", "`generator` {#generator}", "`uniAppX` {#uniappx}" ], "source": "i18n/en/docs/config/uni-app-x.md" }, { "kind": "doc", "id": "doc:copyright", "locale": "en-US", "contentTier": "full", "productArea": "copyright", "title": "Copyright information", "description": "weapp-tailwindcss project copyright and certificate information, including G-Star certification and software copyright certificate display.", "summary": "weapp-tailwindcss project copyright and certificate information, including G-Star certification and software copyright certificate display.", "url": "/docs/copyright", "canonical": "https://tw.icebreaker.top/docs/copyright", "alternates": { "en-US": "https://tw.icebreaker.top/docs/copyright", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/copyright", "x-default": "https://tw.icebreaker.top/docs/copyright" }, "keywords": [ "Copyright information", "copyright", "Certificate", "G-Star", "Software copyright", "Copyright statement", "Resource ownership", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "information", "Tailwind CSS 4" ], "headings": [ "AtomGit G-Star Project Graduation Certification", "Software Copyright Registration Certificate" ], "source": "i18n/en/docs/copyright.md" }, { "kind": "doc", "id": "doc:evolution", "locale": "en-US", "contentTier": "full", "productArea": "evolution", "title": "technological evolution", "description": "Weapp-tailwindcss core processing link after evolving from patch solution to v5 generation mode.", "summary": "The core change in weapp-tailwindcss@5 is that Tailwind CSS generation is completed at build runtime, and business projects are no longer required to execute weapp-tw patch. After the builder gets the class name collect…", "url": "/docs/evolution", "canonical": "https://tw.icebreaker.top/docs/evolution", "alternates": { "en-US": "https://tw.icebreaker.top/docs/evolution", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/evolution", "x-default": "https://tw.icebreaker.top/docs/evolution" }, "keywords": [ "technological evolution", "evolution", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "technological", "Tailwind CSS 4", "cross-platform", "mini app", "React Native", "Lynx" ], "headings": [ "wxml", "babel", "postcss" ], "source": "i18n/en/docs/evolution.md" }, { "kind": "doc", "id": "doc:how-to-contribute", "locale": "en-US", "contentTier": "full", "productArea": "how-to-contribute", "title": "How to contribute", "description": "It's actually very simple. You don't necessarily need to contribute code. You raise an issue, answer a question, and write a related article. These are all contributions to the project, and there is no need to stick to specific forms.", "summary": "It's actually very simple. You don't necessarily need to contribute code. You can mention issue, answer a question, and write a related article. These are all contributions to the project, and there is no need to stick…", "url": "/docs/how-to-contribute", "canonical": "https://tw.icebreaker.top/docs/how-to-contribute", "alternates": { "en-US": "https://tw.icebreaker.top/docs/how-to-contribute", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/how-to-contribute", "x-default": "https://tw.icebreaker.top/docs/how-to-contribute" }, "keywords": [ "How to contribute", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "How", "to", "contribute", "Tailwind CSS 4", "cross-platform", "mini app", "React Native", "Lynx" ], "headings": [ "How to contribute to this project?", "Contribution Guidelines", "Documentation contribution", "Code contribution", "src source code introduction", "src directory introduction", "How to debug locally", "Unit test debugging", "Source code mapping debugging" ], "source": "i18n/en/docs/how-to-contribute.md" }, { "kind": "doc", "id": "doc:icons/index", "locale": "en-US", "contentTier": "full", "productArea": "icons", "title": "Mini program `icon` solution", "description": "Here is an out-of-the-box icon solution for mini programs: iconify", "summary": "Here is an out-of-the-box icon solution for mini programs: iconify", "url": "/docs/icons", "canonical": "https://tw.icebreaker.top/docs/icons", "alternates": { "en-US": "https://tw.icebreaker.top/docs/icons", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/icons", "x-default": "https://tw.icebreaker.top/docs/icons" }, "keywords": [ "Mini program", "icon", "solution", "icons", "weapp-tailwindcss", "tailwindcss", "WeChat applet", "uni-app", "taro", "mpx", "Mini", "program", "Tailwind CSS 4", "cross-platform", "mini app", "React Native" ], "headings": [ "Start now", "Tailwindcss v4", "icon preview select website", "Generate results" ], "source": "i18n/en/docs/icons/index.md" }, { "kind": "doc", "id": "doc:intro", "locale": "en-US", "contentTier": "primary", "productArea": "intro", "title": "Introduction", "description": "weapp-tailwindcss compiles Tailwind CSS 4 for Web, mini programs, App WebView, React Native, and Lynx targets.", "summary": "weapp-tailwindcss is the cross-platform compiler and build integration layer for Tailwind CSS 4. It generates browser CSS, mini-program-compatible CSS, and App WebView styles, while sharing candidate and token foundatio…", "url": "/docs/intro", "canonical": "https://tw.icebreaker.top/docs/intro", "alternates": { "en-US": "https://tw.icebreaker.top/docs/intro", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/intro", "x-default": "https://tw.icebreaker.top/docs/intro" }, "keywords": [ "introduction", "intro", "weapp-tailwindcss", "tailwindcss", "mini app", "mini program", "uni-app", "taro", "mpx", "Tailwind CSS 4", "cross-platform", "React Native", "Lynx" ], "headings": [ "Overview", "Environment requirements", "Capabilities", "Next steps" ], "source": "i18n/en/docs/intro.md" }, { "kind": "doc", "id": "doc:issues/index", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "FAQ", "description": "Currently, the WeChat developer tools enable the code automatic hot reloading compileHotReLoad function by default. This function performs well in native development, but there are certain problems in frameworks such as uni-app and taro. See issues#37. Therefore, if you encounter such problems, it is recommended to turn off the compileHotReLoad function.", "summary": "Currently, the WeChat developer tools enable the code automatic hot reloading compileHotReLoad function by default. This function performs well in native development, but there are certain problems in frameworks such as…", "url": "/docs/issues", "canonical": "https://tw.icebreaker.top/docs/issues", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues", "x-default": "https://tw.icebreaker.top/docs/issues" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "issues", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "Tailwind CSS 4", "cross-platform", "mini app", "React Native" ], "headings": [ "Why does the hot update fail when I change the class, save it and repackage it?", "`disabled:opacity-50` This type of `tailwindcss` tool class does not take effect?", "`background-image` Why can't I use local paths?", "Notes on using with native components", "uni-app + Tailwind CSS 4 generates abnormal CSS after scanning `src/uni_modules`", "Problem phenomenon", "Root cause", "Recommended configuration", "Best Practices", "Notes on compiling to h5/app", "Error TypeError: Cannot use 'in' operator to search for 'CallExpression' in undefined", "In taro webpack5 environment, using this plug-in with the externally installed `terser-webpack-plugin` will cause the plug-in escaping function to become invalid." ], "source": "i18n/en/docs/issues/index.md" }, { "kind": "doc", "id": "doc:issues/at-apply", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Warning issues using @apply in css", "description": "Solve the editor warning problem when using Tailwind CSS `@apply` in the project, and provide VSCode configuration examples.", "summary": "Let’s take vscode as an example", "url": "/docs/issues/at-apply", "canonical": "https://tw.icebreaker.top/docs/issues/at-apply", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/at-apply", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/at-apply", "x-default": "https://tw.icebreaker.top/docs/issues/at-apply" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "css", "used in", "apply", "Warning question", "issues", "at apply", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "diagnostics" ], "headings": [ "Solution", "Reference documentation" ], "source": "i18n/en/docs/issues/at-apply.md" }, { "kind": "doc", "id": "doc:issues/box-sizing", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Default box model (box-sizing) problem", "description": "Tailwindcss sets the box model of all elements to border-box by default.", "summary": "Tailwindcss will set the box model of all elements to border-box by default", "url": "/docs/issues/box-sizing", "canonical": "https://tw.icebreaker.top/docs/issues/box-sizing", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/box-sizing", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/box-sizing", "x-default": "https://tw.icebreaker.top/docs/issues/box-sizing" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Default box model", "box-sizing", "question", "issues", "box sizing", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics" ], "headings": [ "Reference documentation" ], "source": "i18n/en/docs/issues/box-sizing.md" }, { "kind": "doc", "id": "doc:issues/css-vars", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "CSS variable invalidation problem", "description": "Troubleshoot style failure issues such as gradients and shadows caused by the loss of Tailwind CSS variables in small program projects such as Taro and uni-app.", "summary": "In small program projects such as Taro and uni-app, you may encounter the problem of Tailwind CSS variables being lost.", "url": "/docs/issues/css-vars", "canonical": "https://tw.icebreaker.top/docs/issues/css-vars", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/css-vars", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/css-vars", "x-default": "https://tw.icebreaker.top/docs/issues/css-vars" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "CSS", "Variable invalidation problem", "issues", "css vars", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "variable" ], "headings": [ "Symptoms of the problem", "Reasons and solutions", "Effect after successful setting", "What is the Tailwind CSS variable initialization area?" ], "source": "i18n/en/docs/issues/css-vars.md" }, { "kind": "doc", "id": "doc:issues/doctor", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Diagnose project configuration using doctor command", "description": "Use weapp-tailwindcss doctor to quickly check Node.js, Tailwind CSS, framework dependencies, and builder configurations.", "summary": "When the project has problems such as styles not being generated, classes in JS not being escaped, CSS entries not being scanned, plug-ins not taking effect on the target, etc., you can first run the doctor command to c…", "url": "/docs/issues/doctor", "canonical": "https://tw.icebreaker.top/docs/issues/doctor", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/doctor", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/doctor", "x-default": "https://tw.icebreaker.top/docs/issues/doctor" }, "keywords": [ "FAQ", "Troubleshooting", "doctor", "diagnostic commands", "weapp-tailwindcss", "tailwindcss", "postcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "compatibility", "diagnostics", "Diagnose", "project" ], "headings": [ "Check content", "Output description", "Common diagnostic results", "package.json not detected", "tailwindcss not detected", "Build mode projects still register the Tailwind official build plug-in", "tailwind.config.* not detected", "issue feedback and suggestions" ], "source": "i18n/en/docs/issues/doctor.md" }, { "kind": "doc", "id": "doc:issues/externalClasses", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Support for component external style classes (externalClasses)", "description": "Problems and solutions for tailwindcss style splitting when custom components use externalClasses.", "summary": "External style classes (externalClasses) are often used when encapsulating native custom components. For example:", "url": "/docs/issues/externalClasses", "canonical": "https://tw.icebreaker.top/docs/issues/externalClasses", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/externalClasses", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/externalClasses", "x-default": "https://tw.icebreaker.top/docs/issues/externalClasses" }, "keywords": [ "externalClasses", "tailwindcss", "WeChat applet", "Component external style class", "customAttributes", "style split", "Plug-in configuration", "FAQ", "troubleshooting", "compatibility", "diagnostics", "Support", "for", "component", "external", "style" ], "headings": [ "Typical phenomenon", "root cause", "Solution", "Further reading" ], "source": "i18n/en/docs/issues/externalClasses.md" }, { "kind": "doc", "id": "doc:issues/format", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Tailwindcss formatting", "description": "Use and register prettier-plugin-tailwindcss in prettier", "summary": "Use and register with prettier prettier-plugin-tailwindcss", "url": "/docs/issues/format", "canonical": "https://tw.icebreaker.top/docs/issues/format", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/format", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/format", "x-default": "https://tw.icebreaker.top/docs/issues/format" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Tailwindcss", "format", "issues", "weapp-tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "common issues", "formatting", "diagnostics", "Tailwind CSS 4" ], "headings": [ "prettier plugin", "eslint plugin" ], "source": "i18n/en/docs/issues/format.md" }, { "kind": "doc", "id": "doc:issues/group-and-peer", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Group and peer usage restrictions", "description": "In tailwindcss, we often write like this:", "summary": "In tailwindcss, we often write like this:", "url": "/docs/issues/group-and-peer", "canonical": "https://tw.icebreaker.top/docs/issues/group-and-peer", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/group-and-peer", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/group-and-peer", "x-default": "https://tw.icebreaker.top/docs/issues/group-and-peer" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "group", "peer", "Usage restrictions", "issues", "group and peer", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics" ], "headings": [ "Notes on using group", "Notes on using peer", "unexpected token \"~\" error occurs" ], "source": "i18n/en/docs/issues/group-and-peer.md" }, { "kind": "doc", "id": "doc:issues/js-string-invalid", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Any value of tailwindcss written in js is invalid", "description": "weapp-tailwindcss allows you to write any value in js, and weapp-tailwindcss will automatically help you translate any value.", "summary": "weapp-tailwindcss allows you to write any value in js, and weapp-tailwindcss will automatically help you translate any value.", "url": "/docs/issues/js-string-invalid", "canonical": "https://tw.icebreaker.top/docs/issues/js-string-invalid", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/js-string-invalid", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/js-string-invalid", "x-default": "https://tw.icebreaker.top/docs/issues/js-string-invalid" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "written in", "js", "in", "tailwindcss", "Any value is invalid", "issues", "js string invalid", "weapp-tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "diagnostics" ], "headings": [ "Solution" ], "source": "i18n/en/docs/issues/js-string-invalid.md" }, { "kind": "doc", "id": "doc:issues/monorepo", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Used in monorepo", "description": "Due to the hoist mechanism in monorepo, the communication between weapp-tailwindcss and tailwindcss may be blocked. In this case, you need to explicitly specify the path of tailwindcss.", "summary": "In monorepo, due to the existence of the hoist mechanism, the communication between weapp-tailwindcss and tailwindcss may be blocked. In this case, you need to explicitly specify the path of tailwindcss.", "url": "/docs/issues/monorepo", "canonical": "https://tw.icebreaker.top/docs/issues/monorepo", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/monorepo", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/monorepo", "x-default": "https://tw.icebreaker.top/docs/issues/monorepo" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "monorepo", "used in", "issues", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "Used", "in" ], "headings": [ "Tailwind CSS 4" ], "source": "i18n/en/docs/issues/monorepo.md" }, { "kind": "doc", "id": "doc:issues/more-tags", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Generated styles only apply to view and text tags", "description": "In the WeChat applet, after darkMode is set to class/selector, the dark:className class selector is invalid on the button. It can be seen that the generated style only affects the view and text tags.", "summary": "In the WeChat applet, after darkMode is set to class/", "url": "/docs/issues/more-tags", "canonical": "https://tw.icebreaker.top/docs/issues/more-tags", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/more-tags", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/more-tags", "x-default": "https://tw.icebreaker.top/docs/issues/more-tags" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Generated styles only apply to view and text tags", "issues", "more tags", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "Generated", "styles" ], "headings": [], "source": "i18n/en/docs/issues/more-tags.md" }, { "kind": "doc", "id": "doc:issues/native-toutiao", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "The native Toutiao applet uses TailWindCSS", "description": "Create the project test-miniapp, enter the project directory and initialize package.json", "summary": "Create project test-miniapp, enter the project directory and initialize package.json", "url": "/docs/issues/native-toutiao", "canonical": "https://tw.icebreaker.top/docs/issues/native-toutiao", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/native-toutiao", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/native-toutiao", "x-default": "https://tw.icebreaker.top/docs/issues/native-toutiao" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Use of native Toutiao applet", "TailWindCSS", "issues", "native toutiao", "weapp-tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "The", "native" ], "headings": [ "Create project", "Install gulp and plug-ins", "Install and configure tailwindcss", "Configure vscode plug-in", "Prettier - Code formatter", "Tailwind CSS IntelliSense", "Gulp Tasks" ], "source": "i18n/en/docs/issues/native-toutiao.md" }, { "kind": "doc", "id": "doc:issues/rpx-ambiguities", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "rpx arbitrary value color or length unit ambiguity and solution", "description": "Without using weapp-tailwindcss, you can directly write rpx like this:", "summary": "Without using weapp-tailwindcss, you can directly write rpx like this:", "url": "/docs/issues/rpx-ambiguities", "canonical": "https://tw.icebreaker.top/docs/issues/rpx-ambiguities", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/rpx-ambiguities", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/rpx-ambiguities", "x-default": "https://tw.icebreaker.top/docs/issues/rpx-ambiguities" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "rpx", "Arbitrary value color or length unit ambiguity and solution", "issues", "rpx ambiguities", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "arbitrary" ], "headings": [ "What is this problem?", "What is **ambiguity**?", "Current plug-in solution", "Solution to force CSS units", "See" ], "source": "i18n/en/docs/issues/rpx-ambiguities.md" }, { "kind": "doc", "id": "doc:issues/taro-terser", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Using `terser` to compress code in `Tarojs`", "description": "In the taro webpack5 environment, using this plug-in with the externally installed terser-webpack-plugin will cause the plug-in escaping function to become invalid.", "summary": "In the environment of taro", "url": "/docs/issues/taro-terser", "canonical": "https://tw.icebreaker.top/docs/issues/taro-terser", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/taro-terser", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/taro-terser", "x-default": "https://tw.icebreaker.top/docs/issues/taro-terser" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Tarojs", "used in", "terser", "Compressed code", "issues", "taro terser", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "diagnostics" ], "headings": [ "Phenomenon", "Solution", "Configuration reference" ], "source": "i18n/en/docs/issues/taro-terser.md" }, { "kind": "doc", "id": "doc:issues/toast-svg-bug", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "H5 side native toast style offset problem", "description": "When using tailwindcss, compile to h5 platform, and use uni.toast / taro.toast, the following effects will appear", "summary": "When using tailwindcss, compile to the h5 platform, and use uni.toast / taro.toast, the following effects will occur", "url": "/docs/issues/toast-svg-bug", "canonical": "https://tw.icebreaker.top/docs/issues/toast-svg-bug", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/toast-svg-bug", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/toast-svg-bug", "x-default": "https://tw.icebreaker.top/docs/issues/toast-svg-bug" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "H5", "End-native", "toast", "Style offset problem", "issues", "toast svg bug", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "diagnostics" ], "headings": [], "source": "i18n/en/docs/issues/toast-svg-bug.md" }, { "kind": "doc", "id": "doc:issues/uni-app-vite-app-special-classes", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Conclusion on support for special character class names in uni-app Vite App WebView", "description": "Explain whether Tailwind classes with special characters such as dark:bg-red-300 and text-[45rpx] are really not supported after running uni-app Vite into Android and iOS App WebView, and why weapp-tailwindcss still outputs the safe class.", "summary": "The conclusion should be clear first: after ordinary uni-app Vite is run into Android/iOS App WebView, the DOM/CSSOM of WebView itself does not completely support dark:bg-red-300, text-[45rpx] and other classes with :,…", "url": "/docs/issues/uni-app-vite-app-special-classes", "canonical": "https://tw.icebreaker.top/docs/issues/uni-app-vite-app-special-classes", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/uni-app-vite-app-special-classes", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/uni-app-vite-app-special-classes", "x-default": "https://tw.icebreaker.top/docs/issues/uni-app-vite-app-special-classes" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "uni-app", "vite", "app", "webview", "dark:bg-red-300", "text-[45rpx]", "special classes", "weapp-tailwindcss", "diagnostics", "Conclusion", "on", "support", "for" ], "headings": [ "This verification environment", "Verification method", "Recommended writing method", "Not recommended", "Troubleshooting criteria", "Current conclusion" ], "source": "i18n/en/docs/issues/uni-app-vite-app-special-classes.md" }, { "kind": "doc", "id": "doc:issues/use-with-nutui", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Used with NutUI", "description": "How the Taro project handles CSS variables when using NutUI, @tarojs/plugin-html and weapp-tailwindcss at the same time.", "summary": "When a Taro project uses the Vue or React version of NutUI, @tarojs/plugin-html is usually enabled at the same time.", "url": "/docs/issues/use-with-nutui", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-nutui", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/use-with-nutui", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/use-with-nutui", "x-default": "https://tw.icebreaker.top/docs/issues/use-with-nutui" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "NutUI", "used together", "issues", "use with nutui", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "Used" ], "headings": [ "Alternative to older Taro versions", "See" ], "source": "i18n/en/docs/issues/use-with-nutui.md" }, { "kind": "doc", "id": "doc:issues/use-with-taroify", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Use with Taroify", "description": "taro Common points to note when using Taroify:", "summary": "taro Common points to note when using Taroify:", "url": "/docs/issues/use-with-taroify", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-taroify", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/use-with-taroify", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/use-with-taroify", "x-default": "https://tw.icebreaker.top/docs/issues/use-with-taroify" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "Taroify", "used together", "issues", "use with taroify", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics", "Use" ], "headings": [ "Solution", "Modify Taroify introduction method", "Modify the order of imported styles", "See" ], "source": "i18n/en/docs/issues/use-with-taroify.md" }, { "kind": "doc", "id": "doc:issues/use-with-wot-design-uni", "locale": "en-US", "contentTier": "primary", "productArea": "issues", "title": "Used with wot-design-uni", "description": "Explain the configuration points and common compatibility problem handling methods when combining weapp-tailwindcss with wot-design-uni.", "summary": "Explain the configuration points and common compatibility problem handling methods when combining weapp-tailwindcss with wot-design-uni.", "url": "/docs/issues/use-with-wot-design-uni", "canonical": "https://tw.icebreaker.top/docs/issues/use-with-wot-design-uni", "alternates": { "en-US": "https://tw.icebreaker.top/docs/issues/use-with-wot-design-uni", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/issues/use-with-wot-design-uni", "x-default": "https://tw.icebreaker.top/docs/issues/use-with-wot-design-uni" }, "keywords": [ "FAQ", "Troubleshooting", "compatibility", "wot-design-uni", "Component library", "Style compatible", "issues", "use with wot design uni", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "diagnostics" ], "headings": [], "source": "i18n/en/docs/issues/use-with-wot-design-uni.md" }, { "kind": "doc", "id": "doc:migrations/v5", "locale": "en-US", "contentTier": "primary", "productArea": "migrations", "title": "Migrate from v4 to v5", "description": "Migration checklist for upgrading the weapp-tailwindcss v4 project to v5, covering dependencies, Tailwind entry, build plug-ins, H5/Web and uni-app x.", "summary": "The biggest change in v5 is not the API name, but the change in the boundaries of responsibilities.", "url": "/docs/migrations/v5", "canonical": "https://tw.icebreaker.top/docs/migrations/v5", "alternates": { "en-US": "https://tw.icebreaker.top/docs/migrations/v5", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/migrations/v5", "x-default": "https://tw.icebreaker.top/docs/migrations/v5" }, "keywords": [ "migrate", "upgrade", "v4", "v5", "generator", "cssEntries", "weapp-tailwindcss", "tailwindcss", "Mini program", "uni-app", "uni-app x", "taro", "weapp-vite", "mpx", "migration", "compatibility" ], "headings": [ "Let’s look at the conclusion first", "1. Upgrade dependencies", "2. Delete the post-installation patch", "3. Clean up Tailwind official generated plug-in", "4. Check Tailwind CSS entry", "5. Register WeappTailwindcss", "Taro migration needs to cover H5 and mini programs", "6. Write clear cssEntries", "7. Don’t disable H5/Web builds across the board", "8. uni-app x and HBuilderX", "9. Verify whether the migration is really successful", "FAQ" ], "source": "i18n/en/docs/migrations/v5.md" }, { "kind": "doc", "id": "doc:multi-platform", "locale": "en-US", "contentTier": "full", "productArea": "multi-platform", "title": "Develop CSS compatibility across multiple terminals", "description": "The current configuration caliber of weapp-tailwindcss in mini programs, H5/Web, ordinary App WebView and uni-app x native App construction.", "summary": "The main responsibility of weapp-tailwindcss is still to make Tailwind CSS available in the applet environment. But starting from v5, H5/Web and ordinary uni-app App WebView builds should generally retain plug-ins: the…", "url": "/docs/multi-platform", "canonical": "https://tw.icebreaker.top/docs/multi-platform", "alternates": { "en-US": "https://tw.icebreaker.top/docs/multi-platform", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/multi-platform", "x-default": "https://tw.icebreaker.top/docs/multi-platform" }, "keywords": [ "Develop CSS compatibility across multiple terminals", "multi platform", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "uni-app x", "taro", "mpx", "Develop", "CSS", "compatibility", "across", "multiple", "terminals" ], "headings": [ "How does the target determine?", "When to disable plugins", "Minimum configuration of each framework", "uni-app", "uni-app x", "Mpx", "Taro", "Do not register the Tailwind generation plug-in repeatedly", "Modern CSS compatible with App WebView", "CSS variable calculation mode", "Reduce repeated spacing declarations of `.mx-*`", "Multiterminal unit conversion" ], "source": "i18n/en/docs/multi-platform.md" }, { "kind": "doc", "id": "doc:options/index", "locale": "en-US", "contentTier": "primary", "productArea": "options", "title": "Options overview", "description": "Overview of available configurations for weapp-tailwindcss", "summary": "The detailed configuration of this chapter has been moved to API / Configuration Item Document.", "url": "/docs/options", "canonical": "https://tw.icebreaker.top/docs/options", "alternates": { "en-US": "https://tw.icebreaker.top/docs/options", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/options", "x-default": "https://tw.icebreaker.top/docs/options" }, "keywords": [ "Configuration items", "Plug-in parameters", "Options", "Options overview", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "plugin options", "overview", "Tailwind CSS 4", "configuration", "cross-platform" ], "headings": [], "source": "i18n/en/docs/options/index.md" }, { "kind": "doc", "id": "doc:options/arbitrary-values", "locale": "en-US", "contentTier": "primary", "productArea": "options", "title": "Use arbitrary values", "description": "Arbitrary values are a core Tailwind CSS v4 capability for cross-platform styles.", "summary": "arbitrary values are a core Tailwind CSS v4 capability. With a CSS-first entry, you can use typed arbitrary values in templates and @apply.", "url": "/docs/options/arbitrary-values", "canonical": "https://tw.icebreaker.top/docs/options/arbitrary-values", "alternates": { "en-US": "https://tw.icebreaker.top/docs/options/arbitrary-values", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/options/arbitrary-values", "x-default": "https://tw.icebreaker.top/docs/options/arbitrary-values" }, "keywords": [ "Configuration items", "Plug-in parameters", "Options", "use", "arbitrary", "values", "arbitrary values", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "plugin options", "configuration" ], "headings": [], "source": "i18n/en/docs/options/arbitrary-values.md" }, { "kind": "doc", "id": "doc:options/comments", "locale": "en-US", "contentTier": "primary", "productArea": "options", "title": "Exact conversion and ignoring in js", "description": "By default, all tailwindcss runtime tool classes appearing in jsx, js, wxml, and wxss are converted. If conversion is not required, you can use the weappTwIgnore identifier to ignore it:", "summary": "By default, all jsx runtime tool classes appearing in js, wxml, wxss, and", "url": "/docs/options/comments", "canonical": "https://tw.icebreaker.top/docs/options/comments", "alternates": { "en-US": "https://tw.icebreaker.top/docs/options/comments", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/options/comments", "x-default": "https://tw.icebreaker.top/docs/options/comments" }, "keywords": [ "Configuration items", "Plug-in parameters", "Options", "js", "Exact conversion and ignoring in", "comments", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "plugin options", "configuration", "Exact" ], "headings": [], "source": "i18n/en/docs/options/comments.md" }, { "kind": "doc", "id": "doc:options/exports", "locale": "en-US", "contentTier": "primary", "productArea": "options", "title": "weapp-tailwindcss export overview", "description": "weapp-tailwindcss provides both ESM and CommonJS entrances, and has multiple built-in secondary exports to adapt to different combinations of webpack, Vite, Gulp, Tailwind macros, etc. The following is a description based on usage classification.", "summary": "weapp-tailwindcss provides both ESM and CommonJS entrances, and has multiple built-in secondary exports to adapt to different combinations of webpack, Vite, Gulp, Tailwind macros, etc. The following is a description bas…", "url": "/docs/options/exports", "canonical": "https://tw.icebreaker.top/docs/options/exports", "alternates": { "en-US": "https://tw.icebreaker.top/docs/options/exports", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/options/exports", "x-default": "https://tw.icebreaker.top/docs/options/exports" }, "keywords": [ "Configuration items", "Plug-in parameters", "Options", "weapp-tailwindcss", "Export overview", "exports", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "plugin options", "export", "configuration", "overview" ], "headings": [ "Core plug-in entrance", "Configuration, tools and peripherals", "Style resources", "Other exports" ], "source": "i18n/en/docs/options/exports.mdx" }, { "kind": "doc", "id": "doc:options/reset", "locale": "en-US", "contentTier": "primary", "productArea": "options", "title": "`weapp-tailwindcss/reset`", "description": "weapp-tailwindcss/reset provides a composable reset plug-in that supports preset, built-in component reset and custom extensions.", "summary": "weapp-tailwindcss/reset provides a set of reset plug-in capabilities for the mini program ecosystem. By default, it will:", "url": "/docs/options/reset", "canonical": "https://tw.icebreaker.top/docs/options/reset", "alternates": { "en-US": "https://tw.icebreaker.top/docs/options/reset", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/options/reset", "x-default": "https://tw.icebreaker.top/docs/options/reset" }, "keywords": [ "Configuration items", "Plug-in parameters", "Options", "weapp-tailwindcss", "reset", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "plugin options", "Tailwind CSS 4", "cross-platform", "configuration", "mini app" ], "headings": [ "Available options", "preset", "Tailwind plug-in usage", "Tailwind CSS v4 usage" ], "source": "i18n/en/docs/options/reset.mdx" }, { "kind": "doc", "id": "doc:projects/index", "locale": "en-US", "contentTier": "full", "productArea": "projects", "title": "Related projects", "description": "weapp-ide-cli: A WeChat developer tool command line that quickly and conveniently starts the ide directly for login, development, preview, code upload and other functions.", "summary": "weapp-ide-cli: A WeChat developer tool command line that quickly and conveniently starts the ide directly for login, development, preview, code upload and other functions.", "url": "/docs/projects", "canonical": "https://tw.icebreaker.top/docs/projects", "alternates": { "en-US": "https://tw.icebreaker.top/docs/projects", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/projects", "x-default": "https://tw.icebreaker.top/docs/projects" }, "keywords": [ "Related", "projects", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "Tailwind CSS 4", "cross-platform", "mini app", "React Native", "Lynx" ], "headings": [ "CLI tools", "template template", "tailwindcss plugin", "tailwindcss preset" ], "source": "i18n/en/docs/projects/index.md" }, { "kind": "doc", "id": "doc:quick-start/apply-themes", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Mini program multi-theme solution", "description": "For the web, the need for multiple theme colors is very common. For example, dark mode is an extremely common need.", "summary": "For web, the need for multiple theme colors is very common. For example, dark mode is an extremely common need.", "url": "/docs/quick-start/apply-themes", "canonical": "https://tw.icebreaker.top/docs/quick-start/apply-themes", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/apply-themes", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/apply-themes", "x-default": "https://tw.icebreaker.top/docs/quick-start/apply-themes" }, "keywords": [ "quick start", "Install", "Configuration", "Mini program multi-theme solution", "apply themes", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "Mini", "program", "multi-theme" ], "headings": [ "Free web solution", "Design and implementation of the solution", "1. Page attribute configuration node page-meta", "2. Implement css variable switching component yourself", "Dynamically adjust theme reference links" ], "source": "i18n/en/docs/quick-start/apply-themes.md" }, { "kind": "doc", "id": "doc:quick-start/css-unit-transform", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "CSS unit conversion", "description": "Configure px2rpx and unitsToPx through cssOptions to handle unit conversion in applet, multi-terminal and uni-app x scenarios.", "summary": "The most common situation is to convert rem to rpx and directly open WeappTailwindcss in cssOptions of rem2rpx:", "url": "/docs/quick-start/css-unit-transform", "canonical": "https://tw.icebreaker.top/docs/quick-start/css-unit-transform", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/css-unit-transform", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/css-unit-transform", "x-default": "https://tw.icebreaker.top/docs/quick-start/css-unit-transform" }, "keywords": [ "quick start", "Install", "Configuration", "CSS", "unit conversion", "css unit transform", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "unit", "conversion" ], "headings": [ "px to rpx", "Convert multiple units to px" ], "source": "i18n/en/docs/quick-start/css-unit-transform.mdx" }, { "kind": "doc", "id": "doc:quick-start/frameworks/api", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Node.js API", "description": "Use weapp-tailwindcss/core to handle Tailwind CSS, applet templates, and JavaScript in self-developed builders or scripts, and correctly maintain runtime class name collections.", "summary": "weapp-tailwindcss/core provides a text conversion API that does not rely on the Vite, Webpack or Gulp lifecycle. It is suitable for self-developed builders, batch scripts, build platform adapters, and tools that need to…", "url": "/docs/quick-start/frameworks/api", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/api", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/api", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/api", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/api" }, "keywords": [ "Node.js API", "createContext", "transformJs", "transformWxml", "transformWxss", "runtimeSet", "classNameSet", "weapp-tailwindcss", "tailwindcss", "Mini program", "Self-developed builder", "quick start", "installation", "configuration", "Node.js", "API" ], "headings": [ "First understand the boundaries of responsibilities", "Configure Tailwind CSS entry", "API at a glance", "Recommended calling sequence", "Complete file processing example", "`getRuntimeSet()` Refresh options", "Security boundary of `runtimeSet`", "Exactly ignore conflicting strings", "Partial protection", "Global rules", "Return value and error handling", "`transformWxss()`" ], "source": "i18n/en/docs/quick-start/frameworks/api.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/hbuilderx", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "How to use uni-app HBuilderX", "description": "How to configure the HBuilderX Vue3 Vite project to access Tailwind CSS 4 and weapp-tailwindcss, as well as suggestions for processing Vue2 Webpack stock projects.", "summary": "This route is suitable for Vue3 Vite projects created by HBuilderX. HBuilderX will change process.cwd() at runtime, so it is recommended to use absolute paths for both scan paths and cssEntries.", "url": "/docs/quick-start/frameworks/hbuilderx", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/hbuilderx", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx" }, "keywords": [ "quick start", "Install", "Configuration", "uni-app", "HBuilderX", "Usage", "frameworks", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "taro", "mpx", "installation", "How", "to" ], "headings": [ "HBuilderX Vue3 Vite", "CSS entry", "vite.config.[tj]s" ], "source": "i18n/en/docs/quick-start/frameworks/hbuilderx.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/lynx", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "ReactLynx / Rspeedy", "description": "Integrate Tailwind CSS 4 and weapp-tailwindcss into a ReactLynx and Rspeedy project.", "summary": "@weapp-tailwindcss/lynx uses Rspeedy's Rspack lifecycle to generate standard CSS that Lynx can consume. It preserves ReactLynx's native className and does not introduce a runtime stylesheet or JSX transform.", "url": "/docs/quick-start/frameworks/lynx", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/lynx", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/lynx", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/lynx", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/lynx" }, "keywords": [ "Lynx", "ReactLynx", "Rspeedy", "Tailwind CSS 4", "weapp-tailwindcss", "quick start", "installation", "configuration", "frameworks", "cross-platform", "mini app", "uni-app", "Taro", "React Native" ], "headings": [ "Install", "Register the Rspeedy plugin", "Configure the Tailwind CSS entry", "Arbitrary values and dynamic class names", "Build warnings", "Validation and example" ], "source": "i18n/en/docs/quick-start/frameworks/lynx.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/mpx", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Mpx", "description": "The Mpx project integrates Tailwind CSS 4 and weapp-tailwindcss.", "summary": "Mpx uses Webpack link, cssEntries should be configured explicitly so that weapp-tailwindcss can stably locate the Tailwind CSS entry.", "url": "/docs/quick-start/frameworks/mpx", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/mpx", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/mpx", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/mpx", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/mpx" }, "keywords": [ "quick start", "Install", "Configuration", "mpx", "native enhancement", "frameworks", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "installation", "Tailwind CSS 4", "cross-platform", "mini app" ], "headings": [ "Register plugin", "Introduce Tailwind CSS style", "Introduced in app.mpx", "vscode tailwindcss smart prompt missing setting in mpx" ], "source": "i18n/en/docs/quick-start/frameworks/mpx.mdx" }, { "kind": "doc", "id": "doc:quick-start/frameworks/native", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Native development (packaging solution)", "description": "Template project weapp-tailwindcss-gulp-template (gulp packaging)", "summary": "Template project weapp-tailwindcss-gulp-template(gulp packaging)", "url": "/docs/quick-start/frameworks/native", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/native", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/native", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/native", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/native" }, "keywords": [ "quick start", "Install", "Configuration", "Native development", "Packaging plan", "frameworks", "native", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "development" ], "headings": [ "gulp template", "weapp-vite template", "Isolation of component styles", "vscode tailwindcss smart prompt settings" ], "source": "i18n/en/docs/quick-start/frameworks/native.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/taro", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Taro", "description": "The Taro Webpack / Vite project integrates Tailwind CSS 4 and weapp-tailwindcss.", "summary": "Taro v4 can use Webpack or Vite. For new projects, Webpack is preferred, as it has fewer problems; Taro Vite can be used, but it is more suitable for troubleshooting existing projects.", "url": "/docs/quick-start/frameworks/taro", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/taro", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/taro", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/taro", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/taro" }, "keywords": [ "quick start", "Install", "Configuration", "Taro", "All frames", "frameworks", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "mpx", "installation", "Tailwind CSS 4", "cross-platform", "mini app" ], "headings": [ "Tailwind CSS entry", "Use Webpack as a packaging tool", "Register plugin", "Use Vite as a packaging tool", "Register the plug-in in `config/index.ts`", "Video demonstration" ], "source": "i18n/en/docs/quick-start/frameworks/taro.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/uni-app-vite", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "uni-app CLI Vue3 Vite", "description": "The uni-app CLI Vue3 Vite project integrates Tailwind CSS 4 and weapp-tailwindcss.", "summary": "The current documentation is for tailwindcss@4. The current documentation only maintains Tailwind CSS 4 access instructions.", "url": "/docs/quick-start/frameworks/uni-app-vite", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-vite", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-vite", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/uni-app-vite", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-vite" }, "keywords": [ "quick start", "Install", "Configuration", "uni-app", "cli", "vue3", "vite", "frameworks", "uni app vite", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "taro", "installation", "Tailwind CSS 4" ], "headings": [ "Tailwind entrance", "Register plugin", "Scan range reminder", "Problem phenomenon", "Root cause", "Best Practices", "Create project reference", "Video demonstration" ], "source": "i18n/en/docs/quick-start/frameworks/uni-app-vite.md" }, { "kind": "doc", "id": "doc:quick-start/frameworks/uni-app-x", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "uni-app x", "description": "HBuilderX uni-app x project integrates Tailwind CSS 4 and weapp-tailwindcss.", "summary": "uni-app x uses HBuilderX and @dcloudio/vite-plugin-uni. It is recommended to use it with the built-in uniAppX preset.", "url": "/docs/quick-start/frameworks/uni-app-x", "canonical": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-x", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-x", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/frameworks/uni-app-x", "x-default": "https://tw.icebreaker.top/docs/quick-start/frameworks/uni-app-x" }, "keywords": [ "quick start", "uni-app", "uni app x", "weapp-tailwindcss", "tailwindcss", "Mini program", "Tailwind CSS 4", "HBuilderX", "Android", "iOS", "HarmonyOS", "installation", "configuration", "frameworks", "cross-platform", "mini app" ], "headings": [ "Who this is for", "Current support range", "Quickest start", "Manual integration", "Register plugin", "Tailwind CSS entry", "Import the entry in App.uvue", "Verify any value class name", "Reference template", "Development suggestions", "FAQ", "VS Code support for uvue and uts" ], "source": "i18n/en/docs/quick-start/frameworks/uni-app-x.mdx" }, { "kind": "doc", "id": "doc:quick-start/independent-pkg", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Tailwind CSS multiple entries and subcontracting isolation", "description": "Use cssEntries, @source and the built-in styleInjector to let the main package, ordinary sub-package and independent sub-package generate their own Tailwind CSS style entries.", "summary": "After the applet is split into the main package, ordinary sub-package and independent sub-package, it is usually not desirable to copy all Tailwind tool classes into each style product. A more reasonable result is:", "url": "/docs/quick-start/independent-pkg", "canonical": "https://tw.icebreaker.top/docs/quick-start/independent-pkg", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/independent-pkg", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/independent-pkg", "x-default": "https://tw.icebreaker.top/docs/quick-start/independent-pkg" }, "keywords": [ "tailwindcss", "multiple entrances", "Subcontract", "independent subcontracting", "styleInjector", "weapp-style-injector", "weapp-tailwindcss", "Mini program", "uni-app", "taro", "mpx", "quick start", "installation", "configuration", "Tailwind", "CSS" ], "headings": [ "What are the three configurations responsible for?", "Directory structure", "Configure cssEntries and built-in Style Injector", "Limit the scanning range of three entrances", "The page only introduces local CSS", "Expected product", "Use weapp-style-injector independently", "verify", "Complete example" ], "source": "i18n/en/docs/quick-start/independent-pkg.md" }, { "kind": "doc", "id": "doc:quick-start/install", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Install dependencies", "description": "Install Tailwind CSS and weapp-tailwindcss.", "summary": "This page only covers package installation. Framework-specific registration comes in the next chapter; see the weapp-tw CLI guide for the complete CLI reference.", "url": "/docs/quick-start/install", "canonical": "https://tw.icebreaker.top/docs/quick-start/install", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/install", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/install", "x-default": "https://tw.icebreaker.top/docs/quick-start/install" }, "keywords": [ "quick start", "install", "dependencies", "tailwindcss", "tailwindcss 4", "package install", "weapp-tailwindcss", "Tailwind CSS 4", "cross-platform", "mini app", "uni-app", "Taro", "React Native", "installation", "configuration", "Lynx" ], "headings": [ "Install the current version", "Use the standalone CLI" ], "source": "i18n/en/docs/quick-start/install.mdx" }, { "kind": "doc", "id": "doc:quick-start/intelliSense", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "IDE smart prompt settings", "description": "tailwindcss-intellisense In v4 you must see @import \"tailwindcss\" to treat the workspace as a Tailwind root file.", "summary": "tailwindcss-intellisense You must see @import \"tailwindcss\" in Tailwind CSS 4 for the workspace to be considered the Tailwind root file. In the generation mode, it is also recommended to directly write @import 'tailwind…", "url": "/docs/quick-start/intelliSense", "canonical": "https://tw.icebreaker.top/docs/quick-start/intelliSense", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/intelliSense", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/intelliSense", "x-default": "https://tw.icebreaker.top/docs/quick-start/intelliSense" }, "keywords": [ "quick start", "Install", "Configuration", "IDE", "Smart reminder settings", "intelliSense", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "smart", "prompt" ], "headings": [ "VS Code", "Make `Tailwind CSS IntelliSense` recognize Tailwind CSS v4", "Smart prompts for wxml", "Smart prompts for js, jsx, ts, tsx, vue...such files", "WebStorm", "HbuilderX" ], "source": "i18n/en/docs/quick-start/intelliSense.md" }, { "kind": "doc", "id": "doc:quick-start/native/0.install", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "1. Install and configure Tailwind CSS", "description": "Installation and configuration steps for native WeChat applet projects to access Tailwind CSS 4 and weapp-tailwindcss.", "summary": "This tutorial demonstrates how to connect the native WeChat applet JS template to tailwindcss@4 and weapp-tailwindcss. The key points are two things: the source code must enter the Tailwind scanning range, and the mini…", "url": "/docs/quick-start/native/0.install", "canonical": "https://tw.icebreaker.top/docs/quick-start/native/0.install", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/native/0.install", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/native/0.install", "x-default": "https://tw.icebreaker.top/docs/quick-start/native/0.install" }, "keywords": [ "quick start", "Install", "Configuration", "1.", "Installation and configuration", "tailwindcss", "native", "0.install", "weapp-tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "and" ], "headings": [ "Preface", "Running environment", "Create project", "0. Initialize `package.json`", "1. Install Tailwind CSS", "2. Configure scan range", "3. Introduce Tailwind CSS" ], "source": "i18n/en/docs/quick-start/native/0.install.mdx" }, { "kind": "doc", "id": "doc:quick-start/native/1.install-plugin", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "2. Install this plugin and run it", "description": "This way weapp-tailwindcss and weapp-vite will be installed locally.", "summary": "In the project directory, execute:", "url": "/docs/quick-start/native/1.install-plugin", "canonical": "https://tw.icebreaker.top/docs/quick-start/native/1.install-plugin", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/native/1.install-plugin", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/native/1.install-plugin", "x-default": "https://tw.icebreaker.top/docs/quick-start/native/1.install-plugin" }, "keywords": [ "quick start", "Install", "Configuration", "2.", "Install this plugin and run", "native", "1.install plugin", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "this" ], "headings": [ "Install plugin", "Execute initialization command", "Install all dependency packages", "Register plugin", "Start running", "Configured template", "Isolation of native component styles", "Want to know more weapp-vite" ], "source": "i18n/en/docs/quick-start/native/1.install-plugin.mdx" }, { "kind": "doc", "id": "doc:quick-start/react-native-expo", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "React Native / Expo", "description": "Compile Tailwind CSS v4 to React Native styles using @weapp-tailwindcss/react-native.", "summary": "@weapp-tailwindcss/react-native is a standalone React Native compiler package. It reuses weapp-tailwindcss's Tailwind CSS v4 source scan and candidate collection, and compiles the generated raw CSS into an in-memory RN…", "url": "/docs/quick-start/react-native-expo", "canonical": "https://tw.icebreaker.top/docs/quick-start/react-native-expo", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/react-native-expo", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/react-native-expo", "x-default": "https://tw.icebreaker.top/docs/quick-start/react-native-expo" }, "keywords": [ "React Native", "Expo", "Tailwind CSS v4", "Metro", "Babel", "@weapp-tailwindcss/react-native", "React 19", "React Native 0.81", "Expo SDK 54", "Tailwind CSS", "className", "dark mode", "quick start", "installation", "configuration", "React" ], "headings": [ "Install", "CSS entry", "Metro and Babel", "Runtime and boundaries", "verify" ], "source": "i18n/en/docs/quick-start/react-native-expo.md" }, { "kind": "doc", "id": "doc:quick-start/uni-app-css-macro", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "uni-app conditional compilation style", "description": "Use @custom-variant of Tailwind CSS v4 in uni-app multi-end project to generate platform conditional compilation styles for atomic classes.", "summary": "Tailwind CSS v4 can directly use @custom-variant to describe the conditional compilation branch of uni-app, and no additional declaration of weapp-tailwindcss/css-macro is needed. It is suitable for a small number of pl…", "url": "/docs/quick-start/uni-app-css-macro", "canonical": "https://tw.icebreaker.top/docs/quick-start/uni-app-css-macro", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/uni-app-css-macro", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/uni-app-css-macro", "x-default": "https://tw.icebreaker.top/docs/quick-start/uni-app-css-macro" }, "keywords": [ "quick start", "uni-app", "conditional compilation", "custom variant", "ifdef", "ifndef", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "installation", "configuration", "conditional", "compilation", "style", "uni app css macro" ], "headings": [ "What can be solved?", "Current generated link", "Recommended writing method", "Platform expression", "Platform clipping behavior", "Old css-macro writing method migration", "used in `@apply`", "IDE smart prompts" ], "source": "i18n/en/docs/quick-start/uni-app-css-macro.md" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/index", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Getting started: Quick introduction to Tailwind CSS 4 and weapp-tailwindcss", "description": "Tailwind CSS 4 moves the configuration entry to CSS: theme variables and custom tools can be declared using native syntax. weapp-tailwindcss has adapted to this compilation process. This article takes 30 minutes to build a tailwi...", "summary": "Tailwind CSS 4 moves the configuration entry to CSS: theme variables and custom tools can be declared using native syntax. weapp-tailwindcss has adapted to this compilation process. This article takes 30 minutes to set…", "url": "/docs/quick-start/v4/tutorial", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/v4/tutorial", "x-default": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial" }, "keywords": [ "quick start", "Install", "Configuration", "Getting Started", "Quick understanding", "Tailwind", "CSS", "weapp-tailwindcss", "v4", "tutorial", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "installation", "Getting" ], "headings": [ "What can you learn from this article?", "Environment preparation", "Step 1: Install dependencies", "Step 2: Register weapp-tailwindcss plug-in", "Step 3: Check PostCSS configuration", "Step 4: Create entry CSS", "Step 5: Verify whether the class name is valid", "Common next steps" ], "source": "i18n/en/docs/quick-start/v4/tutorial/index.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/advanced", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Advanced chapter: performance, compatibility and team collaboration", "description": "Tailwind CSS 4 brings more powerful native syntax, but it still needs to balance compatibility and team collaboration in a small program environment. This article starts from an engineering perspective to help you stably implement, optimize and maintain it in real projects.", "summary": "Tailwind CSS 4 brings more powerful native syntax, but it still needs to balance compatibility and team collaboration in a small program environment. This article starts from an engineering perspective to help you stabl…", "url": "/docs/quick-start/v4/tutorial/advanced", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/advanced", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/advanced", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/v4/tutorial/advanced", "x-default": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/advanced" }, "keywords": [ "quick start", "Install", "Configuration", "Advanced level", "performance", "Compatible with teamwork", "v4", "tutorial", "advanced", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "installation" ], "headings": [ "1. Handling `@layer` and compatibility", "2. Multi-terminal coexistence and on-demand construction", "3. Product volume and performance optimization", "4. Debugging and Quality Assurance", "5. Upgrade and maintenance strategy" ], "source": "i18n/en/docs/quick-start/v4/tutorial/advanced.mdx" }, { "kind": "doc", "id": "doc:quick-start/v4/tutorial/workflow", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Advanced: Build real pages with Tailwind CSS 4", "description": "After the basic environment is built, the real challenge comes from \"how to apply abstract atomic classes to real business.\" This article selects common page modules of small programs, combines them with the new instructions of tailwindcss@4, and summarizes a set of processes from design disassembly to code implementation.", "summary": "After the basic environment is built, the real challenge comes from \"how to apply abstract atomic classes to real business.\" This article selects common page modules of mini programs, combines them with the new instruct…", "url": "/docs/quick-start/v4/tutorial/workflow", "canonical": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/workflow", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/workflow", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/v4/tutorial/workflow", "x-default": "https://tw.icebreaker.top/docs/quick-start/v4/tutorial/workflow" }, "keywords": [ "quick start", "Install", "Configuration", "Advanced chapter", "Tailwind", "CSS", "Build a real page", "v4", "tutorial", "workflow", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "installation" ], "headings": [ "Tool-first mental model", "1. Disassemble a card component", "2. Build reusable design tokens", "3. Manage complex layout and responsiveness", "4. Multi-file collaboration and team agreement", "5. Debugging and performance tips" ], "source": "i18n/en/docs/quick-start/v4/tutorial/workflow.mdx" }, { "kind": "doc", "id": "doc:quick-start/web", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Web direct use", "description": "Use weapp-tailwindcss directly in pure Web/Vite projects to generate browser-native Tailwind CSS.", "summary": "weapp-tailwindcss can be used directly in pure web projects. It is suitable for small programs and H5/Web to share the same set of Tailwind CSS generated links, or for verifying browser native output in ordinary Vite We…", "url": "/docs/quick-start/web", "canonical": "https://tw.icebreaker.top/docs/quick-start/web", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/web", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/web", "x-default": "https://tw.icebreaker.top/docs/quick-start/web" }, "keywords": [ "Web", "H5", "Vite", "Tailwind CSS", "weapp-tailwindcss", "generator target web", "cssEntries", "Browser native CSS", "Web direct use", "vite plugin", "quick start", "installation", "configuration", "direct", "use", "Tailwind CSS 4" ], "headings": [ "Install dependencies", "Prepare CSS entry", "Register Vite plugin" ], "source": "i18n/en/docs/quick-start/web.md" }, { "kind": "doc", "id": "doc:quick-start/wxs", "locale": "en-US", "contentTier": "primary", "productArea": "quick-start", "title": "Escape and processing of wxs", "description": "Introducing weapp-tailwindcss's escaping capabilities, applicable versions, and related configuration items for wxs/sjs.", "summary": "Introducing weapp-tailwindcss's escaping capabilities, applicable versions, and related configuration items for wxs/sjs.", "url": "/docs/quick-start/wxs", "canonical": "https://tw.icebreaker.top/docs/quick-start/wxs", "alternates": { "en-US": "https://tw.icebreaker.top/docs/quick-start/wxs", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/quick-start/wxs", "x-default": "https://tw.icebreaker.top/docs/quick-start/wxs" }, "keywords": [ "quick start", "Install", "Configuration", "wxs", "sjs", "Escape processing", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "installation", "Escape", "and" ], "headings": [], "source": "i18n/en/docs/quick-start/wxs.md" }, { "kind": "doc", "id": "doc:showcase/index", "locale": "en-US", "contentTier": "full", "productArea": "showcase", "title": "Excellent case display", "description": "The following content comes from Who uses weapp-tailwindcss? , the list is sorted by submission time.", "summary": "pnpm showcase:update", "url": "/docs/showcase", "canonical": "https://tw.icebreaker.top/docs/showcase", "alternates": { "en-US": "https://tw.icebreaker.top/docs/showcase", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/showcase", "x-default": "https://tw.icebreaker.top/docs/showcase" }, "keywords": [ "Excellent case display", "showcase", "weapp-tailwindcss", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "Excellent", "case", "display", "Tailwind CSS 4", "cross-platform", "mini app", "React Native" ], "headings": [], "source": "i18n/en/docs/showcase/index.mdx" }, { "kind": "doc", "id": "doc:sponsor", "locale": "en-US", "contentTier": "full", "productArea": "sponsor", "title": "Become a sponsor of weapp-tailwindcss", "description": "weapp-tailwindcss is an open source project licensed by MIT and is completely free to use.", "summary": "weapp-tailwindcss is an open source project licensed under the MIT license and is completely free to use.", "url": "/docs/sponsor", "canonical": "https://tw.icebreaker.top/docs/sponsor", "alternates": { "en-US": "https://tw.icebreaker.top/docs/sponsor", "zh-CN": "https://tw.icebreaker.top/zh-cn/docs/sponsor", "x-default": "https://tw.icebreaker.top/docs/sponsor" }, "keywords": [ "become", "weapp-tailwindcss", "Sponsors", "sponsor", "tailwindcss", "Mini program", "WeChat applet", "uni-app", "taro", "mpx", "of", "Tailwind CSS 4", "cross-platform", "mini app", "React Native", "Lynx" ], "headings": [ "Sponsorship methods", "