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

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.

Start in the plugin-react-swc package linked in the issue and compare its configuration with plugin-react's include and exclude behavior. Verify the requested SolidJS/React setup, then confirm that matching .solid.tsx files can be excluded from React processing while other files continue to work.