ci: 번들 최적화

team-GDGline · Nov 15, 2024 · 1d4d699 · 1d4d699
1 parent a510f5e
commit 1d4d699
Show file tree

Hide file tree

Showing 8 changed files with 601 additions and 619 deletions.
diff --git a/dist/assets/index-BJ0Ie71S.js b/dist/assets/index-BJ0Ie71S.js
diff --git a/dist/assets/index-B_UW1K0B.js b/dist/assets/index-B_UW1K0B.js
diff --git a/dist/assets/vendor/.pnpm-DhnAZfEm.js b/dist/assets/vendor/.pnpm-DhnAZfEm.js
diff --git a/dist/index.html b/dist/index.html
@@ -29,7 +29,8 @@
       @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Yeon+Sung&display=swap");
     </style>
     <title>물멍</title>
-    <script type="module" crossorigin src="/assets/index-BJ0Ie71S.js"></script>
+    <script type="module" crossorigin src="/assets/index-B_UW1K0B.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/vendor/.pnpm-DhnAZfEm.js">
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "globals": "^15.11.0",
+    "terser": "^5.36.0",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.10"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src.zip b/src.zip
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,7 +1,30 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: "/", // 배포 경로를 '/'로 설정
+  build: {
+    sourcemap: false, // 프로덕션 소스맵 비활성화
+    chunkSizeWarningLimit: 1000, // 청크 크기 제한 경고 설정
+    minify: "terser", // terser 사용하여 압축
+    terserOptions: {
+      compress: {
+        drop_console: true, // 콘솔 로그 제거
+        drop_debugger: true, // 디버거 제거
+      },
+    },
+    rollupOptions: {
+      output: {
+        manualChunks: (id) => {
+          // 'node_modules'가 경로에 포함된 경우에만 처리
+          if (id.includes("node_modules")) {
+            const segments = id.split("node_modules/");
+            const moduleName = segments[1]?.split("/")[0];
+            return `vendor/${moduleName}`;
+          }
+        },
+      },
+    },
+  },
 });