refactor!: bump required node version to 20.19+, 22.12+ and drop CJS build (#583)

Author: sapphi-red

.github/workflows/ci.yml

@@ -29,7 +29,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node_version: [18, 20, 22, 24]
+        node_version: [20, 22, 24]
         include:
           # Active LTS + other OS
           - os: macos-latest
@@ -81,9 +81,6 @@ jobs:
         # does not need to explicitly set chromium after https://github.com/microsoft/playwright/issues/14862 is solved
         run: pnpm playwright install chromium
 
-      - if: matrix.node_version == '18'
-        run: pnpm i -D [email protected] -w
-
       - name: Build
         run: pnpm run build
 

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "engines": {
-    "node": "^14.18.0 || >=16.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "packageManager": "[email protected]",
   "homepage": "https://github.com/vitejs/vite-plugin-react/",

packages/plugin-react-oxc/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Require Node 20.19+, 22.12+
+
+This plugin now requires Node 20.19+ or 22.12+.
+
 ## 0.3.0 (2025-07-18)
 
 ### Add HMR support for compound components ([#518](https://github.com/vitejs/vite-plugin-react/pull/518))

packages/plugin-react-oxc/package.json

@@ -20,15 +20,14 @@
     "dist"
   ],
   "type": "module",
-  "types": "./dist/index.d.ts",
   "exports": "./dist/index.js",
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",
     "prepublishOnly": "npm run build"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "repository": {
     "type": "git",

packages/plugin-react-oxc/tsconfig.json

@@ -2,8 +2,8 @@
   "include": ["src"],
   "compilerOptions": {
     "outDir": "dist",
-    "target": "ES2020",
-    "module": "ES2020",
+    "target": "es2023",
+    "module": "preserve",
     "moduleResolution": "bundler",
     "strict": true,
     "declaration": true,

packages/plugin-react-oxc/tsdown.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from 'tsdown'
 
 export default defineConfig({
   entry: 'src/index.ts',
+  dts: true,
   copy: [
     {
       from: 'node_modules/@vitejs/react-common/refresh-runtime.js',

packages/plugin-react-swc/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Require Node 20.19+, 22.12+
+
+This plugin now requires Node 20.19+ or 22.12+.
+
 ## 3.11.0 (2025-07-18)
 
 ### Add HMR support for compound components ([#518](https://github.com/vitejs/vite-plugin-react/pull/518))

packages/plugin-react-swc/package.json

@@ -19,6 +19,9 @@
     "build": "tsdown",
     "test": "playwright test"
   },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vitejs/vite-plugin-react.git",

packages/plugin-react-swc/src/index.ts

@@ -292,3 +292,12 @@ const transformWithOptions = async (
 }
 
 export default react
+
+// Compat for require
+function pluginForCjs(this: unknown, options: Options): Plugin[] {
+  return react.call(this, options)
+}
+Object.assign(pluginForCjs, {
+  default: pluginForCjs,
+})
+export { pluginForCjs as 'module.exports' }

packages/plugin-react-swc/tsdown.config.ts

@@ -4,7 +4,6 @@ import packageJSON from './package.json' with { type: 'json' }
 
 export default defineConfig({
   entry: 'src/index.ts',
-  format: ['esm', 'cjs'],
   dts: true,
   tsconfig: './tsconfig.src.json', // https://github.com/sxzz/rolldown-plugin-dts/issues/55
   copy: [
@@ -21,18 +20,6 @@ export default defineConfig({
       to: 'dist/README.md',
     },
   ],
-  outputOptions(outputOpts, format) {
-    if (format === 'cjs') {
-      outputOpts.footer = (chunk) => {
-        // don't append to dts files
-        if (chunk.fileName.endsWith('.cjs')) {
-          return 'module.exports.default = module.exports'
-        }
-        return ''
-      }
-    }
-    return outputOpts
-  },
   onSuccess() {
     writeFileSync(
       'dist/package.json',
@@ -46,15 +33,7 @@ export default defineConfig({
                 key !== 'private',
             ),
           ),
-          main: 'index.cjs',
-          types: 'index.d.ts',
-          module: 'index.js',
-          exports: {
-            '.': {
-              require: './index.cjs',
-              import: './index.js',
-            },
-          },
+          exports: './index.js',
         },
         null,
         2,