feat: update Vite to 8.0.0-beta.5

Author: chenjiahan

README.md

@@ -1,6 +1,6 @@
 # Build Tools Comparison
 
-Benchmark comparing JavaScript bundlers and build tools ([Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [webpack](https://github.com/webpack/webpack), [Vite](https://github.com/vitejs/vite), [rolldown-vite](https://github.com/vitejs/rolldown-vite), [esbuild](https://github.com/evanw/esbuild), [Parcel](https://github.com/parcel-bundler/parcel) and [Farm](https://github.com/farm-fe/farm)) for dev server startup time, build performance and bundle size for applications with different module sizes.
+Benchmark comparing JavaScript bundlers and build tools ([Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [webpack](https://github.com/webpack/webpack), [Vite](https://github.com/vitejs/vite), [Rolldown](https://github.com/rolldown/rolldown), [esbuild](https://github.com/evanw/esbuild), [Parcel](https://github.com/parcel-bundler/parcel) and [Farm](https://github.com/farm-fe/farm)) for dev server startup time, build performance and bundle size for applications with different module sizes.
 
 ## Metrics
 
@@ -186,15 +186,13 @@ pnpm start:rspack # Start Rspack
 pnpm start:rsbuild # Start Rsbuild
 pnpm start:webpack # Start webpack
 pnpm start:vite # Start Vite
-pnpm start:rolldown-vite # Start Vite (Rolldown)
 pnpm start:farm # Start Farm
 
 # Build
 pnpm build:rspack # Build Rspack
 pnpm build:rsbuild # Build Rsbuild
 pnpm build:webpack # Build webpack
 pnpm build:vite # Build Vite
-pnpm build:rolldown-vite # Build Vite (Rolldown)
 pnpm build:farm # Build Farm
 ```
 

cases/react-10k/benchmark-config.mjs

@@ -2,7 +2,6 @@ export const config = {
   supportedTools: [
     'rspack',
     'rsbuild',
-    'rolldown-vite',
     'vite',
     'webpack',
     'farm',
@@ -12,7 +11,6 @@ export const config = {
   defaultTools: [
     'rspack',
     'rsbuild',
-    'rolldown-vite',
     'vite',
     'webpack',
   ],

cases/react-10k/package.json

@@ -5,17 +5,15 @@
     "build:farm": "farm build",
     "build:parcel": "parcel build index.html",
     "build:rolldown": "cross-env NODE_ENV=production rolldown -c ./rolldown.config.mjs",
-    "build:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js build -c rolldown-vite.config.mjs",
     "build:rsbuild": "rsbuild build",
     "build:rspack": "rspack build",
-    "build:vite": "node ../../node_modules/vite/bin/vite.js build",
+    "build:vite": "vite build",
     "build:webpack": "cross-env NODE_ENV=production webpack build --mode production",
     "start:farm": "farm start",
     "start:parcel": "parcel -p 3200 index.html",
-    "start:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js -c rolldown-vite.config.mjs",
     "start:rsbuild": "rsbuild dev",
     "start:rspack": "rspack serve",
-    "start:vite": "node ../../node_modules/vite/bin/vite.js",
+    "start:vite": "vite",
     "start:webpack": "cross-env NODE_ENV=development webpack serve --mode development"
   },
   "dependencies": {

cases/react-10k/rolldown-vite.config.mjs

@@ -1,15 +1,18 @@
 // @ts-check
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react-swc';
+import react from '@vitejs/plugin-react';
 import { target } from '../../shared/constants.mjs';
 
 export default defineConfig({
+  plugins: [react()],
   build: {
     target,
   },
-  plugins: [react()],
   optimizeDeps: {
     // pre-bundle "@iconify-icons/material-symbols/*" is quite slow and should be excluded
     exclude: ['@iconify-icons/material-symbols'],
   },
+  experimental: {
+    enableNativePlugin: true,
+  },
 });

cases/react-10k/vite.config.mjs

@@ -2,7 +2,6 @@ export const config = {
   supportedTools: [
     'rspack',
     'rsbuild',
-    'rolldown-vite',
     'vite',
     'webpack',
     'farm',

cases/react-1k/benchmark-config.mjs

@@ -5,17 +5,15 @@
     "build:farm": "farm build",
     "build:parcel": "parcel build index.html",
     "build:rolldown": "cross-env NODE_ENV=production rolldown -c ./rolldown.config.mjs",
-    "build:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js build -c rolldown-vite.config.mjs",
     "build:rsbuild": "rsbuild build",
     "build:rspack": "rspack build",
-    "build:vite": "node ../../node_modules/vite/bin/vite.js build",
+    "build:vite": "vite build",
     "build:webpack": "cross-env NODE_ENV=production webpack build --mode production",
     "start:farm": "farm start",
     "start:parcel": "parcel -p 3200 index.html",
-    "start:rolldown-vite": "node ../../node_modules/rolldown-vite/bin/vite.js -c rolldown-vite.config.mjs",
     "start:rsbuild": "rsbuild dev",
     "start:rspack": "rspack serve",
-    "start:vite": "node ../../node_modules/vite/bin/vite.js",
+    "start:vite": "vite",
     "start:webpack": "cross-env NODE_ENV=development webpack serve --mode development"
   },
   "dependencies": {

cases/react-1k/package.json

@@ -1,15 +1,18 @@
 // @ts-check
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react-swc';
+import react from '@vitejs/plugin-react';
 import { target } from '../../shared/constants.mjs';
 
 export default defineConfig({
+  plugins: [react()],
   build: {
     target,
   },
-  plugins: [react()],
   optimizeDeps: {
     // pre-bundle "@iconify-icons/material-symbols/*" is quite slow and should be excluded
     exclude: ['@iconify-icons/material-symbols'],
   },
+  experimental: {
+    enableNativePlugin: true,
+  },
 });

cases/react-1k/rolldown-vite.config.mjs

@@ -2,7 +2,6 @@ export const config = {
   supportedTools: [
     'rspack',
     'rsbuild',
-    'rolldown-vite',
     'vite',
     'webpack',
     'farm',