GitHub花三年把官网从CSS-in-JS搬到CSS Modules,2026年6月100%完成!
GitHub 花三年把官网从 CSS-in-JS 搬到 CSS Modules,网站性格显著提升
开源中国 工程实践前端 🕐 今天 11:49

📖 AI 总结

GitHub 工程团队近日复盘了一场历时三年的前端架构迁移:将 github.com 全站 UI 从 CSS-in-JS 方案切换至 CSS Modules。迁移的起因可追溯至 2023 年,当时组件数量激增导致基于 CSS-in-JS 的样式方案出现明显性能瓶颈。团队最终在 2026 年 6 月完成全部迁移,网站 100% 运行于 CSS Modules,并彻底移除了 styled-components、styled-system 以及 sx props 等依赖。这一调整源于其设计系统 Primer 的演进需求,核心目标是解决运行时样式计算带来的开销,提升页面渲染效率与可维护性。此次迁移的意义在于,它为大流量站点如何从运行时 CSS-in-JS 转向编译时样式方案提供了可参考的工程路径,也反映出前端社区对性能与架构简洁性的持续权衡。

🔍 深度解读 换个视角,同一件事有不同答案

正在读取芙娘的解读…
infoAI 公众号二维码

📱 每天一份 AI 前沿日报

关注公众号,每天 09:00 推送 · 不错过任何重磅