生态系统

编辑器集成

Visual Studio Code

• StyleX 智能感知 是 Visual Studio Code 的一个实验性扩展，它为 StyleX 提供自动完成功能，并为颜色提供内联预览。

第三方打包器集成

Vite

以下社区维护的插件可用于 Vite

• vite-plugin-stylex
• vite-plugin-stylex-dev

Webpack

一个社区维护的 Webpack 插件可用于 StyleX，在某些情况下可能更可靠

• stylex-webpack

SWC

一个实验性的 StyleX Rust 实现作为 SWC 的插件可用

• stylex-swc-plugin

Unplugin

Unplugin 是一种跨不同打包器使用插件的方法。以下社区维护的插件可用于 Unplugin

• unplugin-stylex

Babel 插件

在使用 StyleX babel 插件之前，可以使用自定义 babel 插件，或者作为各种打包器插件的 babelConfig.plugins 选项来添加其他功能。

• 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

• prettier-plugin-stylex-key-sort 是一个 Prettier 插件，它会自动排序 StyleX 键。

Bun

Bun 是一个 JavaScript 运行时、打包器、测试运行器和包管理器。以下社区维护的插件可用于 Bun

• bun-plugin-stylex import { is } from "@babel/types"