Add "include" and "exclude" option to `@vitejs/plugin-react-swc`

[fabian-hiller]

Related plugins

• plugin-react

• plugin-react-swc

• plugin-react-oxc

Description

I want to use SolidJS inside of a React app. With @vitejs/plugin-react I can simply exclude all files that end with *.solid.tsx.

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import solid from "vite-plugin-solid";

export default defineConfig({
  plugins: [
    react({ exclude: "./src/**/*.solid.tsx" }),
    solid({ include: "./src/**/*.solid.tsx" }),
  ],
});

Is this somehow also possible with @vitejs/plugin-react-swc? Here is an example playground using @vitejs/plugin-react.

https://stackblitz.com/edit/vitejs-vite-uteimcxq?file=src%2Freact-app.tsx,src%2Fsolid-app.solid.tsx,vite.config.ts

Suggested solution

Add "include" and "exclude" option to @vitejs/plugin-react-swc

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[ArnaudBarre]

Yes we should add this for parity. Is there any reason apart from speed to use swc? The OXC plugin (not well tested yet) has the include/exclude options and will provide more speed when used with rolldown-vite

[fabian-hiller]

It's a bigger project that where already using SWC. Speed is probably the main reason. In the long run we will look into OXC.