Vite React Compiler Plugin

A React Compiler Plugin compatible with @vitejs/plugin-react-swc

Install

Install with your preferred package manager:

1pnpm add @ls-stack/vite-plugin-react-compiler

Usage

Add the plugin before any other plugins in your vite.config.js:

1import react from '@vitejs/plugin-react-swc'
2import { viteReactCompiler } from '@ls-stack/vite-plugin-react-compiler'
3
4export default defineConfig({
5  plugins: [
6    viteReactCompiler(),
7    // any other plugins should go after the react compiler plugin
8    react(),
9  ],
10})

Incremental adoptions

The plugin will run by default on all js and ts files. But you can configure it to run only on specific files or files matching a pattern.

1export default defineConfig({
2  plugins: [
3    viteReactCompiler({
4      includeFile: (filePath, code) => {
5        // only run on files that have the react compiler lint rule enabled
6        return code.includes(
7          '/* eslint react-compiler/react-compiler: ["error"] */',
8        )
9      },
10    }),
11    react(),
12  ],
13})