create-lve 0.4.32 → 0.5.1

package/index.js

@@ -55,7 +55,7 @@ async function main() {
       shouldOverwrite = await p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
       if (p.isCancel(shouldOverwrite)) onCancel()
     }
-    project = { path: name, framework: 'vue', cssEngine: 'unocss', shouldOverwrite }
+    project = { path: name, framework: 'react', cssEngine: 'tailwind', shouldOverwrite }
   } else {
     // 交互模式
     project = await p.group(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lve",
-  "version": "0.4.32",
+  "version": "0.5.1",
   "bin": {
     "create-lve": "index.js"
   },

package/template-react/package.json

@@ -19,7 +19,6 @@
   },
   "devDependencies": {
     "@babel/core": "latest",
-    "@rolldown/plugin-babel": "latest",
     "@tailwindcss/vite": "latest",
     "@types/babel__core": "latest",
     "@types/node": "latest",
@@ -27,6 +26,7 @@
     "@types/react-dom": "latest",
     "@vitejs/plugin-react": "latest",
     "babel-plugin-react-compiler": "latest",
+    "oxc-transform": "latest",
     "tailwindcss": "latest",
     "typescript": "latest",
     "vite": "latest",

package/template-react/vite.config.ts

@@ -1,8 +1,10 @@
 import { defineConfig, loadEnv, lazyPlugins } from 'vite-plus'
-import react, { reactCompilerPreset } from '@vitejs/plugin-react'
+import react from '@vitejs/plugin-react'
 
 const mode = process.env.NODE_ENV || 'development'
 const env = loadEnv(mode, process.cwd(), '')
+// React Compiler: true = OXC (Rust native, experimental), false = Babel (official, stable)
+const USE_OXC = true
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -15,12 +17,31 @@ export default defineConfig({
     /* VITE_PLUS_PLUGINS */
     react(),
     lazyPlugins(async () => {
-      const { default: babel } = await import('@rolldown/plugin-babel')
-      return [
-        babel({
-          presets: [reactCompilerPreset()],
-        }),
-      ]
+      if (USE_OXC) {
+        const { transform } = await import('oxc-transform')
+        return [
+          {
+            name: 'oxc-react-compiler',
+            enforce: 'pre',
+            transform(code, id) {
+              if (!/\.[tj]sx$/.test(id)) return
+              const result = transform(id, code, {
+                jsx: { runtime: 'automatic' },
+                reactCompiler: { target: '19' },
+              })
+              return { code: result.code, map: result.map }
+            },
+          },
+        ]
+      } else {
+        const { reactCompilerPreset } = await import('@vitejs/plugin-react')
+        const { default: babel } = await import('@rolldown/plugin-babel')
+        return [
+          babel({
+            presets: [reactCompilerPreset()],
+          }),
+        ]
+      }
     }),
   ],
   resolve: {
@@ -34,8 +55,7 @@ export default defineConfig({
           const pkg = id.match(/node_modules\/(?:@[^/]+\/)?([^/]+)/)?.[1]
           if (pkg === 'react') return 'vendor-react'
           if (pkg === 'react-dom') return 'vendor-react-dom'
-          if (pkg === 'react-router' || pkg === 'react-router-dom')
-            return 'vendor-router'
+          if (pkg === 'react-router') return 'vendor-router'
           if (id.includes('@tanstack')) return 'vendor-query'
           if (pkg === 'zustand') return 'vendor-state'
           if (pkg === 'jotai') return 'vendor-atom'