メインコンテンツへスキップ

エコシステム

エディター連携​

Visual Studio Code​

  • StyleX Intellisense は、StyleX の自動補完と色のインラインプレビューを提供する、Visual Studio Code 用の実験的な拡張機能です。

サードパーティバンドラー連携​

Vite​

Vite には、次のコミュニティが維持管理するプラグインが利用可能です。

Webpack​

特定のケースでより信頼性の高い動作をする可能性のある、コミュニティが維持管理するWebpackプラグインがStyleX用に提供されています。

SWC​

StyleX の実験的な Rust 実装が、SWC のプラグインとして利用可能です。

Unplugin​

Unplugin は、様々なバンドラーでプラグインを使用するための方法です。次のコミュニティが維持管理するプラグインが Unplugin 用に利用可能です。

Babel プラグイン​

追加機能を追加するために、StyleX Babelプラグインを使用する前、または様々なバンドラープラグインの`babelConfig.plugins`オプションとして、カスタムBabelプラグインを使用できます。

  • tailwind-to-stylex は、`className`属性または`tw()`呼び出しで使用されているTailwind CSSをStyleXに変換します。
  • @stylex-extend/babel-plugin を使用すると、JSXAttributeを使用してStyleXを定義できます。

スターターテンプレート​

  • next.js StyleXをサポートするnext.jsプロジェクト。
  • qwik StyleXと`tailwind-to-stylex`を使用するQwikプロジェクト。
  • docusaurus 3 StyleXをサポートするdocusaurus 3プロジェクト。
  • SvelteKit StyleXをサポートするSvelteKitプロジェクト。

コードフォーマッタープラグイン​

Prettier​

Bun​

Bunは、JavaScriptランタイム、バンドラー、テストランナー、パッケージマネージャーです。Bunには、次のコミュニティが維持管理するプラグインが利用可能です。