twMerge() + clsx() = cn() ？Shadcn 为什么要用这些辅助函数？
如果翻阅 Shadcn 组件集的组件会发现大量使用到一个辅助函数 cn，背后是使用 twMerge(clsx(inputs))，它实质是两个库的组合，方便构建 Tailwind 样式。为什么需要额外的库和方法来构建组件样式呢？
如果翻阅 Shadcn 组件集的组件会发现大量使用到一个辅助函数 cn，背后是使用 twMerge(clsx(inputs))，它实质是两个库的组合，方便构建 Tailwind 样式。为什么需要额外的库和方法来构建组件样式呢？
撰写这篇文章是因为接手过非常反人类的 Tailwind 项目，一些不应该出现的反模式其实都可以在早期被轻松避免，随着项目规模变大，这些反模式就会变成一个巨大的问题难以修正。本文将介绍一些我在项目中看到的反模式，并提醒你千万不要这样做！
意思是说「如果你熟悉编写原生 CSS 的话，那么学 Tailwind 对你来说是易如反掌」。在 2022 CSS 调查中 Tailwind 都是最受欢迎、最多人使用的 CSS 框架，它开创性的设计理念打破了传统语义化架构 CSS 的方式，值得尝试用不同的方式架构网站！