cnfast — 比 tailwind-merge 快 3.8 倍的 Class 合并工具

📅 2026年06月23日 · 技术

cnfast 是什么？

cnfast 是一个 tailwind-merge 的替代品，在保持输出结果完全一致的前提下，平均速度快 3.8 倍，最高可达 7 倍。它由知名前端开发者 aidenybai 创建，目前在 GitHub 上已收获 666 stars。

最吸引人的地方是：它的 API 完全兼容 tailwind-merge，迁移只需改一行 import。如果你在用 shadcn/ui 或者任何基于 Tailwind 的项目，换上 cnfast 几乎是零成本的性能提升。

根据官方的基准测试数据（在 V8 引擎上）：

在 65 个工作负载的几何平均值为 3.8 倍，并且在 113,291 个真实调用组上输出了完全一致的结果，零误匹配。

安装后使用迁移命令即可一键切换：

npm install cnfast
npx cnfast migrate

对于 shadcn/ui 项目，还可以通过注册表直接添加：

npx shadcn@latest add aidenybai/cnfast/cn

迁移后的代码只需要把 import { cn } from "tailwind-merge" 改为 export { cn } from "cnfast" 即可。

如果你的项目用了 Tailwind CSS，并且有大量动态 className 拼接（比如数据表格、实时仪表盘、虚拟列表等频繁重渲染的场景），cnfast 可以在不改变任何行为的前提下提升渲染性能。对于简单的静态页面，差异不大，但反正也是零成本迁移，换了不亏。