从Tailwind CSS回归SASS：一个前端团队的技术选型反思

文章预览

在前端开发领域，技术选型往往会对项目的成败产生深远影响。最近，我们团队在开发一个基于React的实时聊天应用时，经历了从采用Tailwind CSS到最终回归SASS和CSS Modules的曲折过程。这段经历不仅让我们深刻认识到了技术选型的重要性，也为其他开发者提供了宝贵的经验教训。 初期的美好愿景 Tailwind CSS作为一个备受推崇的 utility-first CSS框架，最初吸引我们的是它promises的快速开发和统一设计语言的能力。想象一下，仅通过组合预定义的utility类，就能快速构建出复杂的UI组件，这种promise确实令人兴奋。 例如，一个简单的卡片组件可能看起来像这样： "bg-white rounded-lg shadow-md p-6 m-4">    < h2   className = "text-xl font-bold mb-2" > Card Title h2 >    < p   className = "text-gray-700" > Card content goes here. p > < /div> 这种方式初看起来确实简洁高效，但随着项目的推进 ………………………………