diff --git a/src/main.tsx b/src/main.tsx
index 871d125..6272027 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -21,7 +21,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
-
+ {import.meta.env.DEV && }
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 3d2b8cd..f4b6b6a 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,38 +1,40 @@
import { Routes, Route } from 'react-router-dom';
-import Home from '../pages/home/HomePage';
+import { lazy, Suspense } from 'react';
import { GpsProvider } from '@/contexts/GpsContext';
-import LoginPage from '@/pages/auth/LoginPage';
-import CallbackPage from '@/pages/auth/CallbackPage';
-import NicknamePage from '@/pages/auth/NicknamePage';
-import NicknamePageXXX from '@/pages/auth/NicknamePageXXX';
-import MyNeighborhoodPage from '@/pages/auth/MyNeighborhoodPage';
+const Home = lazy(() => import('../pages/home/HomePage'));
+const LoginPage = lazy(() => import('@/pages/auth/LoginPage'));
+const CallbackPage = lazy(() => import('@/pages/auth/CallbackPage'));
+const NicknamePage = lazy(() => import('@/pages/auth/NicknamePage'));
+const NicknamePageXXX = lazy(() => import('@/pages/auth/NicknamePageXXX'));
+const MyNeighborhoodPage = lazy(() => import('@/pages/auth/MyNeighborhoodPage'));
-import StoreMapPage from '@/pages/store-map/StoreMapPage';
-import StoreSearchPage from '@/pages/store-search/StoreSearchPage';
-import StoreReviewPage from '@/pages/store-review/StoreReviewPage';
-import StoreDetailPage from '@/pages/store-detail/StoreDetailPage';
-import MyPage from '@/pages/mypage/MyPage';
-import ConvenienceStorePage from '@/pages/convenience/ConveniencePage';
-import AddConveniencePage from '@/pages/convenience/AddConveniencePage';
-import ConvenienceDetailPage from '@/pages/convenience/ConvenienceDetailPage';
-import NameRecommendationPage from '@/pages/convenience/NameRecommendationPage';
-import AccountDeletePage from '@/pages/mypage/AccountDeletePage';
-import NicknameEditPage from '@/pages/mypage/NicknameEditPage';
-import CommunityPage from '@/pages/community/CommunityPage';
-import CommunityWritePage from '@/pages/community/CommunityWritePage';
-import CommunitySearchPage from '@/pages/community/CommunitySearchPage';
+const StoreMapPage = lazy(() => import('@/pages/store-map/StoreMapPage'));
+const StoreSearchPage = lazy(() => import('@/pages/store-search/StoreSearchPage'));
+const StoreReviewPage = lazy(() => import('@/pages/store-review/StoreReviewPage'));
+const StoreDetailPage = lazy(() => import('@/pages/store-detail/StoreDetailPage'));
+const MyPage = lazy(() => import('@/pages/mypage/MyPage'));
+const ConvenienceStorePage = lazy(() => import('@/pages/convenience/ConveniencePage'));
+const AddConveniencePage = lazy(() => import('@/pages/convenience/AddConveniencePage'));
+const ConvenienceDetailPage = lazy(() => import('@/pages/convenience/ConvenienceDetailPage'));
+const NameRecommendationPage = lazy(() => import('@/pages/convenience/NameRecommendationPage'));
+const AccountDeletePage = lazy(() => import('@/pages/mypage/AccountDeletePage'));
+const NicknameEditPage = lazy(() => import('@/pages/mypage/NicknameEditPage'));
+const CommunityPage = lazy(() => import('@/pages/community/CommunityPage'));
+const CommunityWritePage = lazy(() => import('@/pages/community/CommunityWritePage'));
+const CommunitySearchPage = lazy(() => import('@/pages/community/CommunitySearchPage'));
-import FeedbackPage from '@/pages/mypage/FeedbackPage';
-import MyPostsPage from '@/pages/mypage/MyPostsPage';
-import MyReviewsPage from '@/pages/mypage/MyReviewsPage';
-import MyLikesPage from '@/pages/mypage/MyLikesPage';
-import MyScrapPage from '@/pages/mypage/MyScrapPage';
-import PostDetailPage from '@/pages/community/CommunityPostDetailPage';
-import NotificationPage from '@/pages/notification/NotificationPage';
+const FeedbackPage = lazy(() => import('@/pages/mypage/FeedbackPage'));
+const MyPostsPage = lazy(() => import('@/pages/mypage/MyPostsPage'));
+const MyReviewsPage = lazy(() => import('@/pages/mypage/MyReviewsPage'));
+const MyLikesPage = lazy(() => import('@/pages/mypage/MyLikesPage'));
+const MyScrapPage = lazy(() => import('@/pages/mypage/MyScrapPage'));
+const PostDetailPage = lazy(() => import('@/pages/community/CommunityPostDetailPage'));
+const NotificationPage = lazy(() => import('@/pages/notification/NotificationPage'));
const Router = () => {
return (
+
{
{/*알림*/}
} />
+
);
};
diff --git a/stats.html b/stats.html
new file mode 100644
index 0000000..469dc49
--- /dev/null
+++ b/stats.html
@@ -0,0 +1,4949 @@
+
+
+
+
+
+
+
+ Rollup Visualizer
+
+
+
+
+
+
+
+
+
diff --git a/vite.config.ts b/vite.config.ts
index 0e97368..1d6f306 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,7 +2,6 @@ import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svgr';
import path from 'path';
-import { visualizer } from 'rollup-plugin-visualizer';
export default defineConfig({
plugins: [react(), svgr()],