tailwindcss 究竟比 unocss 快多少?

tailwindcss 究竟比 unocss 快多少?

tailwindcss 究竟比 unocss 快多少?

前言

大家好,我是去年一篇测评 《unocss 究竟比 tailwindcss 快多少?》 的作者 icebreaker

一晃到了 2025 年tailwindcss@4 也正式发布了,现在最新版本是 4.1.13

新版本不仅在功能和性能上大升级,甚至定位也发生了变化: 从一个 PostCSS 插件变成了样式预处理器

与此同时,unocss 也一直在进步,一路也更新到了 66.5.1,新的 preset-wind4 写法上也对 tailwindcss@4 做了一定的兼容。

但有一点还是不一样:它还没办法像 tailwindcss@4 一样,把所有配置都直接写在 css 里。

开始测试

这次测试,我还是沿用了去年的基准用例,不过加了更多场景。

比如,我在里面加入了等量的 @apply 指令,来模拟真实开发时的情况。这样一来,不管是 tailwindcss 还是 unocss,都得老老实实去解析 CSS AST,算是“加点负重”。

测试环境保持一致,依旧还是我的老伙计 MacBook M1 Pro (2021)(想换新的 M4 Pro了)

200 次,提取并生成 1656 个工具类,取 75% 分位数(避免极端值干扰)。

测试代码大家也可以自己跑跑 👉 源代码。

测试报告

测试结果如下:

2025/9/11 10:01:53
1656 utilities | x200 runs (75% buil
转载请说明出处内容投诉
CSS教程网 » tailwindcss 究竟比 unocss 快多少?

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买