chore: code splitting (#develop)

Author: createhb21

services/ahhachul.com/src/hooks/usePreloader.ts

@@ -0,0 +1,5 @@
+import { createPreloader } from '@stackflow/plugin-preload';
+
+import type { TypeActivities } from '@/stackflow';
+
+export const { usePreloader } = createPreloader<TypeActivities>();

services/ahhachul.com/src/stackflow.ts

@@ -1,21 +1,46 @@
+import React from 'react';
+
 import { createLinkComponent } from '@stackflow/link';
 import '@stackflow/plugin-basic-ui/index.css';
 import { createPreloader } from '@stackflow/plugin-preload';
 import { stackflow } from '@stackflow/react';
 import { useActivity } from '@stackflow/react';
 
-import {
-  MyPages,
-  AuthPages,
-  HomePages,
-  CommunityPages,
-  LostFoundPages,
-  ComplaintPages,
-  SharingPages,
-} from '@/pages';
+import { HomePage } from '@/pages/home';
 
 import { stackflowPlugin } from './stackflow.config';
 
+const SignInPage = React.lazy(() => import('@/pages/auth/login'));
+const CommunityPage = React.lazy(() => import('@/pages/community/page'));
+const LostFoundPage = React.lazy(() => import('@/pages/lostFound/page'));
+const ComplaintPage = React.lazy(() => import('@/pages/complaint/page'));
+const TalkPage = React.lazy(() => import('@/pages/talk/page'));
+const NotificationPage = React.lazy(() => import('@/pages/notification/page'));
+
+const MyPage = React.lazy(() => import('@/pages/my/page'));
+const SettingPage = React.lazy(() => import('@/pages/my/setting'));
+const SetNickNamePage = React.lazy(() => import('@/pages/auth/set-nickname'));
+const SignInCallbackPage = React.lazy(() => import('@/pages/auth/callback'));
+
+const NewCommunityPage = React.lazy(() => import('@/pages/community/new'));
+const EditCommunityPage = React.lazy(() => import('@/pages/community/[id]/edit'));
+const CommunityDetailPage = React.lazy(() => import('@/pages/community/[id]/page'));
+
+const NewLostFoundPage = React.lazy(() => import('@/pages/lostFound/new'));
+const EditLostFoundPage = React.lazy(() => import('@/pages/lostFound/[id]/edit'));
+const LostFoundDetailPage = React.lazy(() => import('@/pages/lostFound/[id]/page'));
+
+const NewComplaintPage = React.lazy(() => import('@/pages/complaint/new'));
+const ComplaintListPage = React.lazy(() => import('@/pages/complaint/list'));
+const EditComplaintPage = React.lazy(() => import('@/pages/complaint/[id]/edit'));
+const ComplaintDetailPage = React.lazy(() => import('@/pages/complaint/[id]/page'));
+
+const TalkDetailPage = React.lazy(() => import('@/pages/talk/setting'));
+const TalkSettingPage = React.lazy(() => import('@/pages/talk/[talkId]/page'));
+const NotificationSettingPage = React.lazy(() => import('@/pages/notification/setting'));
+const EditCommentPage = React.lazy(() => import('@/pages/comment/[commentId]/edit'));
+const NewCommentReplyPage = React.lazy(() => import('@/pages/comment/[commentId]/reply'));
+
 const { Link } = createLinkComponent<TypeActivities>();
 
 const { usePreloader } = createPreloader<TypeActivities>();
@@ -27,13 +52,32 @@ const {
   useStepFlow,
 } = stackflow({
   activities: {
-    ...MyPages,
-    ...AuthPages,
-    ...HomePages,
-    ...CommunityPages,
-    ...LostFoundPages,
-    ...ComplaintPages,
-    ...SharingPages,
+    MyPage,
+    SettingPage,
+    SignInPage,
+    SetNickNamePage,
+    SignInCallbackPage,
+    HomePage,
+    CommunityPage,
+    NewCommunityPage,
+    EditCommunityPage,
+    CommunityDetailPage,
+    LostFoundPage,
+    NewLostFoundPage,
+    EditLostFoundPage,
+    LostFoundDetailPage,
+    ComplaintPage,
+    NewComplaintPage,
+    ComplaintListPage,
+    EditComplaintPage,
+    ComplaintDetailPage,
+    TalkPage,
+    TalkDetailPage,
+    TalkSettingPage,
+    NotificationPage,
+    NotificationSettingPage,
+    EditCommentPage,
+    NewCommentReplyPage,
   },
   plugins: stackflowPlugin,
   transitionDuration: 350,

services/ahhachul.com/vite.config.ts

@@ -67,6 +67,47 @@ export default defineConfig({
     target: 'esnext',
     minify: false,
     cssCodeSplit: false,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          auth: [
+            './src/pages/auth/login',
+            './src/pages/auth/set-nickname',
+            './src/pages/auth/callback',
+          ],
+          community: [
+            './src/pages/community/page',
+            './src/pages/community/new',
+            './src/pages/community/[id]/edit',
+            './src/pages/community/[id]/page',
+          ],
+          'lost-found': [
+            './src/pages/lostFound/page',
+            './src/pages/lostFound/new',
+            './src/pages/lostFound/[id]/edit',
+            './src/pages/lostFound/[id]/page',
+          ],
+          complaint: [
+            './src/pages/complaint/page',
+            './src/pages/complaint/new',
+            './src/pages/complaint/list',
+            './src/pages/complaint/[id]/edit',
+            './src/pages/complaint/[id]/page',
+          ],
+          talk: [
+            './src/pages/talk/page',
+            './src/pages/talk/setting',
+            './src/pages/talk/[talkId]/page',
+          ],
+          notification: ['./src/pages/notification/page', './src/pages/notification/setting'],
+          comment: [
+            './src/pages/comment/[commentId]/edit',
+            './src/pages/comment/[commentId]/reply',
+          ],
+          my: ['./src/pages/my/page', './src/pages/my/setting'],
+        },
+      },
+    },
   },
   resolve: {
     alias: [