[!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
Author
Kanno