From f95613915252b6bfcedbb2a76d3575dc745fbbe2 Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 20 Sep 2023 14:10:49 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EB=B2=88=EB=93=A4=20name=20=EC=A3=BC?=
 =?UTF-8?q?=EC=84=9D=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/router/index.tsx | 38 +++++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/frontend/src/router/index.tsx b/frontend/src/router/index.tsx
index 9c1010f8f..0103d0fc7 100644
--- a/frontend/src/router/index.tsx
+++ b/frontend/src/router/index.tsx
@@ -20,35 +20,43 @@ const router = createBrowserRouter([
       {
         path: `${PATH.RECIPE}/:recipeId`,
         async lazy() {
-          const { RecipeDetailPage } = await import('@/pages/RecipeDetailPage');
+          const { RecipeDetailPage } = await import(
+            /* webpackChunkName: "RecipeDetailPage" */ '@/pages/RecipeDetailPage'
+          );
           return { Component: RecipeDetailPage };
         },
       },
       {
         path: PATH.MEMBER,
         async lazy() {
-          const { MemberPage } = await import('@/pages/MemberPage');
+          const { MemberPage } = await import(/* webpackChunkName: "MemberPage" */ '@/pages/MemberPage');
           return { Component: MemberPage };
         },
       },
       {
         path: `${PATH.MEMBER}/modify`,
         async lazy() {
-          const { MemberModifyPage } = await import('@/pages/MemberModifyPage');
+          const { MemberModifyPage } = await import(
+            /* webpackChunkName: "MemberModifyPage" */ '@/pages/MemberModifyPage'
+          );
           return { Component: MemberModifyPage };
         },
       },
       {
         path: `${PATH.MEMBER}/review`,
         async lazy() {
-          const { MemberReviewPage } = await import('@/pages/MemberReviewPage');
+          const { MemberReviewPage } = await import(
+            /* webpackChunkName: "MemberReviewPage" */ '@/pages/MemberReviewPage'
+          );
           return { Component: MemberReviewPage };
         },
       },
       {
         path: `${PATH.MEMBER}/recipe`,
         async lazy() {
-          const { MemberRecipePage } = await import('@/pages/MemberRecipePage');
+          const { MemberRecipePage } = await import(
+            /* webpackChunkName: "MemberRecipePage" */ '@/pages/MemberRecipePage'
+          );
           return { Component: MemberRecipePage };
         },
       },
@@ -66,7 +74,7 @@ const router = createBrowserRouter([
       {
         index: true,
         async lazy() {
-          const { HomePage } = await import(/* webpackChunkName: "home" */ '@/pages/HomePage');
+          const { HomePage } = await import(/* webpackChunkName: "HomePage" */ '@/pages/HomePage');
           return { Component: HomePage };
         },
       },
@@ -80,14 +88,14 @@ const router = createBrowserRouter([
       {
         path: PATH.LOGIN,
         async lazy() {
-          const { LoginPage } = await import('@/pages/LoginPage');
+          const { LoginPage } = await import(/* webpackChunkName: "LoginPage" */ '@/pages/LoginPage');
           return { Component: LoginPage };
         },
       },
       {
         path: `${PATH.LOGIN}/:authProvider`,
         async lazy() {
-          const { AuthPage } = await import('@/pages/AuthPage');
+          const { AuthPage } = await import(/* webpackChunkName: "AuthPage" */ '@/pages/AuthPage');
           return { Component: AuthPage };
         },
       },
@@ -105,7 +113,9 @@ const router = createBrowserRouter([
       {
         path: `${PATH.PRODUCT_LIST}/:category/:productId`,
         async lazy() {
-          const { ProductDetailPage } = await import('@/pages/ProductDetailPage');
+          const { ProductDetailPage } = await import(
+            /* webpackChunkName: "ProductDetailPage" */ '@/pages/ProductDetailPage'
+          );
           return { Component: ProductDetailPage };
         },
       },
@@ -123,28 +133,30 @@ const router = createBrowserRouter([
       {
         path: `${PATH.PRODUCT_LIST}/:category`,
         async lazy() {
-          const { ProductListPage } = await import('@/pages/ProductListPage');
+          const { ProductListPage } = await import(/* webpackChunkName: "ProductListPage" */ '@/pages/ProductListPage');
           return { Component: ProductListPage };
         },
       },
       {
         path: PATH.RECIPE,
         async lazy() {
-          const { RecipePage } = await import('@/pages/RecipePage');
+          const { RecipePage } = await import(/* webpackChunkName: "RecipePage" */ '@/pages/RecipePage');
           return { Component: RecipePage };
         },
       },
       {
         path: `${PATH.SEARCH}/integrated`,
         async lazy() {
-          const { IntegratedSearchPage } = await import('@/pages/IntegratedSearchPage');
+          const { IntegratedSearchPage } = await import(
+            /* webpackChunkName: "IntegratedSearchPage" */ '@/pages/IntegratedSearchPage'
+          );
           return { Component: IntegratedSearchPage };
         },
       },
       {
         path: `${PATH.SEARCH}/:searchVariant`,
         async lazy() {
-          const { SearchPage } = await import('@/pages/SearchPage');
+          const { SearchPage } = await import(/* webpackChunkName: "SearchPage" */ '@/pages/SearchPage');
           return { Component: SearchPage };
         },
       },