糖心vlogTXAPP.TV：Meta开源自家网页UI样式系统StyleX，具备CSS高效性能

发布日期： 2024-12-18 阅读量： 作者： yebuyugz9B

IT之家 12 月 12 日消息，Meta 日前开源了自家产品所使用的网页 UI 样式系统 StyleX，这是一款基于编译器的 CSS-in-JS 库，号称整合了静态 CSS 的高效与可扩展性，并能够复用组件库和静态类型代码库糖心。

据悉，StyleX 并不全面支持 CSS 的所有功能，主要围绕大型网站而构建，目前这一样式系统已经在 Meta 旗下 Facebook、WhatsApp、Instagram 等产品中使用。糖心vlog

糖心vlogTXAPP.TV：Meta开源自家网页UI样式系统StyleX，具备CSS高效性能(图1)

糖心vlogTXAPP.TV：Meta开源自家网页UI样式系统StyleX，具备CSS高效性能(图2)

▲ 图源 Meta 官方新闻稿

IT之家获悉，StyleX 能够自动管理 CSS 选择器，避免过程复杂化，确保生成的 CSS 不会出现冲突，此外，StyleX 避免了使用 JavaScript 插入样式的开销，仅在必要时高效地组合类名字符串，从而保证生成的 CSS 样式能够快速被浏览器解析。

此外，StyleX 生成的样式也经过了优化，官方提到，相对于传统 CSS 库，StyleX 显得“更小、更具体”，通过“原子构建”和“文件级缓存”，StyleX 在编译时能够同时处理数万个组件，并具备“强大的扩展能力”，从而提升开发效率TXAPP.TV。

糖心vlogTXAPP.TV：Meta开源自家网页UI样式系统StyleX，具备CSS高效性能(图3)

Meta 提到，目前官方在 GitHub 上开源的 StyleX，是公司内部所使用的 StyleX 正式版本，未来官方将在 GitHub 发布 StyleX 后续更新，Meta 还将定期同步 GitHub 上发布的新版本，带回内部使用，感兴趣的小伙伴可以点此访问项目地址。

TXAPP.TV

随便看看