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 转向编译时样式方案提供了可参考的工程路径,也反映出前端社区对性能与架构简洁性的持续权衡。
📱 每天一份 AI 前沿日报
关注公众号,每天 09:00 推送 · 不错过任何重磅