features

• Speedy Compiling in SWC
• HMR Support in React Refresh
• New JSX Transform

install

yarn add -D vite-plugin-swc-react
// or
npm install -D vite-plugin-swc-react

Usage

1import { defineConfig } from 'vite'
2import swcReact from 'vite-plugin-swc-react'
3
4export default defineConfig({
5  plugins: [swcReact()],
6})

disable HMR

1import { defineConfig } from 'vite'
2import swcReact from 'vite-plugin-swc-react'
3
4export default defineConfig({
5  plugins: [swcReact({
6    reactFresh: false,
7  })],
8})

classic JSX runtime

1import { defineConfig } from 'vite'
2import swcReact from 'vite-plugin-swc-react'
3
4export default defineConfig({
5  plugins: [
6    swcReact({
7      swcOptions: {
8        jsc: {
9          transform: {
10            react: {
11              runtime: 'classic',
12            },
13          },
14        },
15      },
16    }),
17  ],
18})