create-lve 0.6.12 → 0.6.13

package/package.json

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

package/template-react/src/app/providers.tsx

@@ -1,4 +1,4 @@
-import { Provider as JotaiProvider } from 'jotai'
+import { createStore, Provider as JotaiProvider } from 'jotai'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { Toaster } from 'sonner'
 
@@ -11,9 +11,12 @@ const queryClient = new QueryClient({
   },
 })
 
+/** Jotai store — 在 React 外创建，生命周期不绑定组件树 */
+export const jotaiStore = createStore()
+
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
-    <JotaiProvider>
+    <JotaiProvider store={jotaiStore}>
       <QueryClientProvider client={queryClient}>
         {children}
         <Toaster position="bottom-right" richColors visibleToasts={1} />

package/template-react/src/app/types.ts

@@ -10,6 +10,21 @@ export interface FeatureRoute extends Omit<RouteObject, 'children' | 'handle'> {
   handle?: Record<string, unknown>
 }
 
+/** 快捷创建 lazy 路由，减少重复模板代码 */
+export function lazyRoute(
+  path: string,
+  factory: () => Promise<{ default: ComponentType }>,
+  index?: boolean,
+): FeatureRoute {
+  return {
+    ...(index ? { index: true } : { path }),
+    lazy: async () => {
+      const { default: Component } = await factory()
+      return { Component }
+    },
+  }
+}
+
 /** FeatureRoute → RouteObject 递归转换，去掉 hostRootLayout */
 export function toRouteObjects(
   routes: FeatureRoute[],

package/template-react/src/features/home/routes.ts

@@ -1,14 +1,5 @@
-import type { FeatureRoute } from '@/app/types'
+import { lazyRoute } from '@/app/types'
 
-const routes: FeatureRoute[] = [
-  {
-    path: '/',
-    index: true,
-    lazy: async () => {
-      const { default: Component } = await import('./pages')
-      return { Component }
-    },
-  },
-]
+const routes = [lazyRoute('/', () => import('./pages'), true)]
 
 export default routes

package/template-react/src/features/not-found/routes.ts

@@ -1,13 +1,5 @@
-import type { FeatureRoute } from '@/app/types'
+import { lazyRoute } from '@/app/types'
 
-const routes: FeatureRoute[] = [
-  {
-    path: '*',
-    lazy: async () => {
-      const { default: Component } = await import('./pages')
-      return { Component }
-    },
-  },
-]
+const routes = [lazyRoute('*', () => import('./pages'))]
 
 export default routes

package/template-react/src/features/settings/routes.ts

@@ -1,35 +1,13 @@
-import type { FeatureRoute } from '@/app/types'
+import { lazyRoute } from '@/app/types'
 
-const routes: FeatureRoute[] = [
+const routes = [
   {
-    path: '/settings',
+    ...lazyRoute('/settings', () => import('./pages/settings')),
     hostRootLayout: false,
-    lazy: async () => {
-      const { default: Component } = await import('./pages/settings')
-      return { Component }
-    },
     children: [
-      {
-        index: true,
-        lazy: async () => {
-          const { default: Component } = await import('./pages/overview')
-          return { Component }
-        },
-      },
-      {
-        path: 'profile',
-        lazy: async () => {
-          const { default: Component } = await import('./pages/profile')
-          return { Component }
-        },
-      },
-      {
-        path: 'account',
-        lazy: async () => {
-          const { default: Component } = await import('./pages/account')
-          return { Component }
-        },
-      },
+      lazyRoute('/', () => import('./pages/overview'), true),
+      lazyRoute('profile', () => import('./pages/profile')),
+      lazyRoute('account', () => import('./pages/account')),
     ],
   },
 ]

package/template-react/vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, loadEnv, lazyPlugins } from 'vite-plus'
+import { defineConfig, loadEnv, lazyPlugins, type Plugin } from 'vite-plus'
 import react, { reactCompilerPreset } from '@vitejs/plugin-react'
 
 const mode = process.env.NODE_ENV || 'development'
@@ -24,7 +24,7 @@ export default defineConfig({
           presets: [reactCompilerPreset()],
         }),
       ]
-    }) as any[],
+    }) as Plugin[],
   ],
   resolve: {
     tsconfigPaths: true,
@@ -34,11 +34,14 @@ export default defineConfig({
       output: {
         codeSplitting: {
           groups: [
-            {
-              name: 'vendor',
-              test: /node_modules/,
-              minSize: 100 * 1024,
-            },
+            { name: 'vendor-react-dom', test: /node_modules.*react-dom/ },
+            { name: 'vendor-react', test: /node_modules.*react(?!-dom|-router)/ },
+            { name: 'vendor-router', test: /node_modules.*react-router/ },
+            { name: 'vendor-query', test: /node_modules.*@tanstack/ },
+            { name: 'vendor-radix', test: /node_modules.*radix-ui/ },
+            { name: 'vendor-state', test: /node_modules.*zustand/ },
+            { name: 'vendor-atom', test: /node_modules.*jotai/ },
+            { name: 'vendor', test: /node_modules/, minSize: 100 * 1024 },
           ],
         },
       },

package/template-vue/vite.config.ts

@@ -21,13 +21,14 @@ export default defineConfig({
   build: {
     rolldownOptions: {
       output: {
-        manualChunks(id) {
-          if (!id.includes('node_modules')) return
-          if (id.includes('vue') && !id.includes('vue-router')) return 'vendor-vue'
-          if (id.includes('vue-router')) return 'vendor-router'
-          if (id.includes('pinia')) return 'vendor-pinia'
-          if (id.includes('@vueuse')) return 'vendor-vueuse'
-          return 'vendor'
+        codeSplitting: {
+          groups: [
+            { name: 'vendor-vue', test: /node_modules.*vue(?!-router)/ },
+            { name: 'vendor-router', test: /node_modules.*vue-router/ },
+            { name: 'vendor-pinia', test: /node_modules.*pinia/ },
+            { name: 'vendor-vueuse', test: /node_modules.*@vueuse/ },
+            { name: 'vendor', test: /node_modules/, minSize: 100 * 1024 },
+          ],
         },
       },
     },