Meta 开源网页 UI 样式系统 StyleX：整合静态 CSS 高效性能，已运用于 Facebook 等平台

图片地址：https://img.ithome.com/newsuploadfiles/2023/12/870af4fe-0be3-4f44-8b70-8a2973e9d0a8.png?x-bce-process=image/format,f_auto

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 生成的样式也经过了优化，官方提到，相对于传统