Meta開源網頁介面樣式系統StyleX　FB、IG都在使用

記者／竹二

Meta近日開源自家產品所使用的網頁介面樣式系統StyleX，結合了CSS-in-JS函式庫的開發的體驗，和靜態CSS的效能和可擴展性。根據Meta的說法，StyleX經過精心設計，可以解決之前無法封裝和擴展樣式元件的問題。

Meta開源自家網頁介面樣式系統StyleX

StyleX是Meta新開源的網頁介面樣式系統，專門為了大型應用程式設計，支援CSS表達性子集，避免使用複雜的選擇器，確保生成的CSS不會出現特定衝突，並以原子CSS類別名稱最佳化樣式，也讓樣式管理更一致與高效。不過，StyleX並不全面支援CSS的功能，而是對大型應用程式和元件函式庫中最有用，被認為具有表達力，易於管理和維護。

更多新聞：Meta推出Purple Llama保護傘計畫　實現負責任的AI開發

根據Meta的說法，StyleX允許樣式在文件和元件邊界間進行合併，意即開發者可以在多個元件和檔案中共享和重複使用樣式規則，這對於建立自定義元件函式庫時很有用，因為開發者可以在整個應用程式中一致應用和修改樣式，同時保持乾淨的程式碼。

FB、IG都使用StyleX，已開源在GitHub上

StyleX的優勢在於快速，主要源於編譯的高效率以與執行時的高效能，所生成的CSS也可以針對大小進行最佳化，即便是大型網站的樣式，瀏覽器也可以快速解析。對此，Meta強調，StyleX適用於大型且複雜的應用程式開發，透過生成精細的原子CSS類別名稱，最小化CSS捆綁包的大小，套件的大小會逐漸趨於穩定，開發者不再需要手動最佳化或是延遲載入CSS檔案。

據悉，Meta大量在旗下產品使用StyleX，包含Facebook、WhatsApp、Instagram、Workplace和Threads等，目前Meta已經在GitHub上開源StyleX，相關開發工作會在GitHub上進行，也會將新版本同步回內部使用。

瀏覽 575 次