unocss 究竟比 tailwindcss 快多少？
原文中文，约3100字，阅读约需8分钟。
📝
内容提要
unocss 是一种高效的原子化 CSS 引擎，其速度比 tailwindcss 快约 2.52 倍。它通过正则表达式直接从内容中提取 token，避免了解析 CSS 抽象语法树。尽管使用 @apply 等指令时性能差距缩小，但 unocss 仍然表现出色。期待未来 unocss 和 tailwindcss 之间的竞争带来更多惊喜。
🎯
关键要点
-
unocss 是目前最快的原子化 CSS 引擎，速度比 tailwindcss 快约 3.7 倍。
-
unocss 通过正则表达式直接从内容中提取 token，避免了解析 CSS 抽象语法树。
-
使用 @apply 等指令时，unocss 的速度优势缩小至 2.52 倍。
-
unocss 和 tailwindcss 都可以通过插件和预设添加更多匹配规则。
-
最佳实践是尽量减少 CSS AST 的解析，以提高 unocss 的提取速度。
-
期待 unocss 和 tailwindcss 之间的竞争带来更多惊喜。
❓
延伸问答
unocss 和 tailwindcss 的速度差距是多少？
unocss 的速度比 tailwindcss 快约 2.52 倍。
unocss 是如何提高性能的？
unocss 通过正则表达式直接从内容中提取 token，避免了解析 CSS 抽象语法树。
使用 @apply 指令时，unocss 的速度表现如何？
使用 @apply 指令时，unocss 的速度优势缩小至 2.52 倍。
unocss 和 tailwindcss 可以通过什么方式扩展功能？
unocss 和 tailwindcss 都可以通过插件和预设添加更多匹配规则。
unocss 的最佳实践是什么？
最佳实践是尽量减少 CSS AST 的解析，以提高 unocss 的提取速度。
未来 unocss 和 tailwindcss 的竞争会带来什么？
期待 unocss 和 tailwindcss 之间的竞争带来更多惊喜。
🏷️
