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

Author: sapphi-red

.github/workflows/ci.yml

@@ -37,13 +37,13 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node_version: [18, 20]
+        node_version: [20, 22, 24]
         include:
           # Active LTS + other OS
           - os: macos-latest
-            node_version: 20
+            node_version: 22
           - os: windows-latest
-            node_version: 20
+            node_version: 22
       fail-fast: false
 
     name: "Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}"

eslint.config.js

@@ -120,13 +120,13 @@ export default tseslint.config(
       'n/no-unsupported-features/es-builtins': [
         'error',
         {
-          version: '^18.0.0 || >=20.0.0',
+          version: '^20.19.0 || >=22.12.0',
         },
       ],
       'n/no-unsupported-features/node-builtins': [
         'error',
         {
-          version: '^18.0.0 || >=20.0.0',
+          version: '^20.19.0 || >=22.12.0',
         },
       ],
       '@typescript-eslint/explicit-module-boundary-types': 'off',
@@ -150,7 +150,7 @@ export default tseslint.config(
       'n/no-unsupported-features/node-builtins': [
         'error',
         {
-          version: '^18.0.0 || >=20.0.0',
+          version: '^20.19.0 || >=22.12.0',
           allowExperimental: true,
         },
       ],

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "homepage": "https://github.com/vitejs/vite-plugin-vue/",
   "repository": {

packages/plugin-vue-jsx/build.config.ts

@@ -4,7 +4,4 @@ export default defineBuildConfig({
   entries: ['src/index'],
   clean: true,
   declaration: true,
-  rollup: {
-    emitCJS: true,
-  },
 })

packages/plugin-vue-jsx/package.json

@@ -1,29 +1,23 @@
 {
   "name": "@vitejs/plugin-vue-jsx",
   "version": "4.2.0",
-  "type": "commonjs",
+  "type": "module",
   "license": "MIT",
   "author": "Evan You",
   "files": [
     "dist"
   ],
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "dev": "unbuild --stub",
-    "build": "unbuild && pnpm run patch-cjs",
-    "patch-cjs": "tsx ../../scripts/patchCJS.ts",
+    "build": "unbuild",
     "prepublishOnly": "npm run build"
   },
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "repository": {
     "type": "git",

packages/plugin-vue-jsx/src/index.ts

@@ -12,7 +12,7 @@ import {
 } from '@rolldown/pluginutils'
 import type { Options } from './types'
 
-export * from './types'
+export type * from './types'
 
 const ssrRegisterHelperId = '/__vue-jsx-ssr-register-helper'
 const ssrRegisterHelperCode =
@@ -328,17 +328,17 @@ function isDefineComponentCall(
   )
 }
 
-const hash =
-  // eslint-disable-next-line n/no-unsupported-features/node-builtins -- crypto.hash is supported in Node 21.7.0+, 20.12.0+
-  crypto.hash ??
-  ((
-    algorithm: string,
-    data: crypto.BinaryLike,
-    outputEncoding: crypto.BinaryToTextEncoding,
-  ) => crypto.createHash(algorithm).update(data).digest(outputEncoding))
-
 function getHash(text: string) {
-  return hash('sha256', text, 'hex').substring(0, 8)
+  return crypto.hash('sha256', text, 'hex').substring(0, 8)
 }
 
 export default vueJsxPlugin
+
+// Compat for require
+function vueJsxPluginCjs(this: unknown, options: Options): Plugin {
+  return vueJsxPlugin.call(this, options)
+}
+Object.assign(vueJsxPluginCjs, {
+  default: vueJsxPluginCjs,
+})
+export { vueJsxPluginCjs as 'module.exports' }

packages/plugin-vue-jsx/tsconfig.json

@@ -3,9 +3,9 @@
   "exclude": ["**/*.spec.ts"],
   "compilerOptions": {
     "outDir": "dist",
-    "target": "ES2020",
-    "module": "ES2020",
-    "moduleResolution": "Node",
+    "target": "es2023",
+    "module": "preserve",
+    "moduleResolution": "bundler",
     "strict": true,
     "declaration": true,
     "sourceMap": true,

packages/plugin-vue/build.config.ts

@@ -6,7 +6,6 @@ export default defineBuildConfig({
   clean: true,
   declaration: 'compatible',
   rollup: {
-    emitCJS: true,
     inlineDependencies: true,
   },
 })

packages/plugin-vue/package.json

@@ -1,29 +1,23 @@
 {
   "name": "@vitejs/plugin-vue",
   "version": "6.0.0-beta.1",
-  "type": "commonjs",
+  "type": "module",
   "license": "MIT",
   "author": "Evan You",
   "files": [
     "dist"
   ],
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    }
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "dev": "unbuild --stub",
-    "build": "unbuild && pnpm run patch-cjs",
-    "patch-cjs": "tsx ../../scripts/patchCJS.ts",
+    "build": "unbuild",
     "prepublishOnly": "npm run build"
   },
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "repository": {
     "type": "git",

packages/plugin-vue/src/index.ts

@@ -517,3 +517,13 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
 function ensureArray<T>(value: T | T[]): T[] {
   return Array.isArray(value) ? value : [value]
 }
+
+// Compat for require
+function vuePluginCjs(this: unknown, options: Options): Plugin<Api> {
+  return vuePlugin.call(this, options)
+}
+Object.assign(vuePluginCjs, {
+  default: vuePluginCjs,
+  parseVueRequest,
+})
+export { vuePluginCjs as 'module.exports' }