Skip to content

nonzzz/vite-plugin-stylex

Repository files navigation

vite-plugin-stylex

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

Q & A

Q&A

Author

Kanno

LICENSE

MIT