refactored DreamPage to use lazy loading with Suspense for charts and media, modularized chart components into DreamCharts.tsx using d3, and optimized build by grouping libraries into separate chunks in vite.config.ts

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
2025-07-17 00:53:56 +02:00
parent afec14c390
commit 2579460c1f
7 changed files with 629 additions and 361 deletions
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,4 +8,34 @@ export default defineConfig({
        react(),
        tailwindcss()
    ],
+    build: {
+        rollupOptions: {
+            output: {
+                manualChunks: {
+                    // Group Three.js related libraries
+                    'three-bundle': [
+                        'three',
+                        '@react-three/fiber',
+                        '@react-three/drei',
+                        'three-stdlib'
+                    ],
+                    // D3 visualization library
+                    'd3': ['d3'],
+                    // Slider related libraries
+                    'slider': [
+                        'react-slick',
+                        'slick-carousel'
+                    ],
+                    // React and related libraries
+                    'react-vendor': [
+                        'react',
+                        'react-dom',
+                        'react-router-dom'
+                    ]
+                }
+            }
+        },
+        // Increase the warning limit to avoid unnecessary warnings
+        chunkSizeWarningLimit: 1000
+    }
 })