三种组件库主题方案在生产环境跑了半年，CSS 变量、CSS-in-JS 和 Tailwind 各自的坑和甜头
组件库主题系统的三种方案——CSS变量、CSS-in-JS和Tailwind——在生产环境并行运行半年后，结论是：没有银弹，只有场景适配。CSS变量运行时灵活性高但缺乏类型约束，命名拼写错误和语义污染是主要痛点。CSS-in-JS提供完整的TypeScript类型安全和逻辑推导能力，但运行时样式重计算带来性能开销，SSR场景下样式注入顺序也需精细控制。Tailwind构建期主题几乎零运行时成本，包体积小，但无法支持运行时动态切换主题，且设计token维护成本高。最终决策需看主题变化时机和值复杂度，三者也可分层混用。