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

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

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

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

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

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