Vite-plugin-stylex-dev NPM

!WARNING This is an unofficial repo. This plugin is dedicated to providing stable stylex integration.

Features

CSS automatic injection
Support HMR
Control css order by manually
Support Vite-based SSR framework

Usage

$ yarn add vite-plugin-stylex-dev -D

// vite.config.ts
import { defineConfig } from 'vite'
import { stylex } from 'vite-plugin-stylex-dev'

export default defineConfig({
  plugins: [stylex()]
})

// then find your project entry(If you don't using manuallyControlCssOrder option)
import 'virtual:stylex.css'

Options

params	type	default	description
`include`	`string \\| RegExp \\| Array<string \\| RegExp>`	`/\.(mjs\\|js\\|ts\\|vue\\|jsx\\|tsx)(\?.*\\|)$/`	Include all assets matching any of these conditions.
`exclude`	`string \\| RegExp \\| Array<string \\| RegExp>`	`-`	Exclude all assets matching any of these conditions.
`importSources`	`string[]`	`['stylex', '@stylexjs/stylex']`	See stylex document.
`babelConfig`	`object`	`{}`	Babel config for stylex
`unstable_moduleResolution`	`Record<string,any>`	`{ type: 'commonJS', rootDir: process.cwd() }`	See stylex document
`useCSSLayers`	`boolean`	`false`	See stylex document
`optimizedDeps`	`Array<string>`	`[]`	Work with external stylex files or libraries
`manuallyControlCssOrder`	`boolean \\|object`	`false`	control css order by manually
`enableStylexExtend`	`boolean \\| StylexExtendOptions`	`false`	see `@stylex-extend/babel-plugin` docss