Meta开源自家网页UI样式系统StyleX，具备CSS高效性能

Meta开源自家网页UI样式系统StyleX，具备CSS高效性能

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

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

▲ 图源 Meta 官方新闻稿

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

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

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