동영상 및 환경파일 연결

client/package.json

@@ -19,6 +19,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "subsrt-ts": "^2.1.2",
+    "uuid": "14.0.0",
     "video.js": "^8.23.7",
     "zustand": "^4.5.2"
   },
@@ -32,6 +33,6 @@
     "sass": "^1.101.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.4.5",
-    "vite": "^5.2.6"
+    "vite": "^8.0.16"
   }
 }

client/vite.config.ts

@@ -11,10 +11,13 @@ export default defineConfig({
     rollupOptions: {
       output: {
         // 큰 라이브러리를 별도 청크로 분리 (변수 충돌 방지 + 로딩 최적화)
-        manualChunks: {
-          'vendor-react': ['react', 'react-dom'],
-          'vendor-videojs': ['video.js'],
-          'vendor-hls': ['hls.js'],
+        // Vite 8(rolldown)은 manualChunks를 함수 형식으로만 허용
+        manualChunks(id) {
+          if (id.includes('node_modules/react-dom') || id.includes('node_modules/react/')) {
+            return 'vendor-react';
+          }
+          if (id.includes('node_modules/video.js')) return 'vendor-videojs';
+          if (id.includes('node_modules/hls.js')) return 'vendor-hls';
         },
       },
     },