Tailwindcss 的正确打开姿势

文章预览

因为决定深度使用 tailwindcss，所以在几个群里都有跟群友们请教使用经验。结果不讨论还好，一讨论大家的兴致都特别高，有吹爆 tailwindcss 的，也有对它不屑一顾的，还有觉得 unocss 更好用的... 我结合群友的使用经验，又整合了一些以前封装组件的使用思路，并且借鉴了 unocss 的语法，摸索出了一套使用简洁的最佳实践分享给大家 一、最显眼的那个痛点可能并不存在 二、无 CSS 是准确方向 三、封装思维的小转变，带来极致使用体验 四、便利小工具：cva、twMerge、clsx 五、额外配置插件，让智能提示更智能 0 重新审视那个痛点 tailwindcss 的初印象给人的感受并不是很好，冗长的 class 名一看就感觉代码会很糟心。这也是我很长一段时间都没有使用 tailwindcss 的重要原因。 一条属性一句代码，必然会导致某些元素 class 名会非常长冗长。但是当我深度使用 t ………………………………