feat: use @vitejs/plugin-react-swc as default

README.md

@@ -82,7 +82,17 @@ export default defineConfig({
 
 # react
 
-React 项目基础插件。具体配置请查看官方文档 [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react)
+React 项目基础插件。
+
+默认使用 [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc)，其在开发环境使用 swc 替换 babel，速度会快好几倍。如果要使用基于 babel 的 [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react)，则可以这么配置
+
+```typescript
+export default defineConfig({
+  react: {
+    swc: false,
+  },
+});
+```
 
 # legacy
 

package.json

@@ -34,6 +34,7 @@
     "@vitejs/plugin-basic-ssl": "^1.0.1",
     "@vitejs/plugin-legacy": "^3.0.1",
     "@vitejs/plugin-react": "^3.0.0",
+    "@vitejs/plugin-react-swc": "^3.0.0",
     "less": "^4.1.3",
     "sass": "^1.56.2",
     "terser": "^5.16.1",

src/handler/react.ts

@@ -1,11 +1,25 @@
 import react, { Options as ReactOptions } from '@vitejs/plugin-react';
+import reactSWC from '@vitejs/plugin-react-swc';
 import { Config } from '../vite';
 
 export interface OverrideReact {
-  react?: ReactOptions;
+  /**
+   *  默认使用插件 @vitejs/plugin-react-swc，如果要使用兼容性更强的 @vitejs/plugin-react，则设置 swc=false
+   */
+  react?:
+    | (ReactOptions & { swc: false })
+    | {
+        swc?: true;
+      };
 }
 
 export const handleReact = (config: Config) => {
   config.plugins ||= [];
-  config.plugins.push(react(config.react));
+  const { swc, ...reactOptions } = config.react || {};
+
+  if (swc !== false) {
+    config.plugins.push(reactSWC());
+  } else {
+    config.plugins.push(react(reactOptions));
+  }
 };