vite-plugin-stylex-dev

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

Features

• [x] CSS automatic injection
• [x] Support HMR
• [x] Control css order by manually
• [x] 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

Q & A

Q&A

Author

Kanno

LICENSE

MIT