manualChunk

vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig, splitVendorChunkPlugin } from 'vite';
 import react from '@vitejs/plugin-react';
 import WindiCSS from 'vite-plugin-windicss';
 import { VitePWA } from 'vite-plugin-pwa';
@@ -58,7 +58,7 @@ export default defineConfig({
   define: {
     __BUILD_DATE__: JSON.stringify(`${new Date().toISOString()}`),
   },
-  plugins: [react(), WindiCSS(), buildDatePlugin(), VitePWA(manifestForPlugIn)],
+  plugins: [react(), buildDatePlugin(), WindiCSS(), splitVendorChunkPlugin(), VitePWA(manifestForPlugIn)],
   server: {
     host: '0.0.0.0',
   },
@@ -73,6 +73,18 @@ export default defineConfig({
     sourcemap: true,
     manifest: true,
     chunkSizeWarningLimit: 555,
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes('react-router-dom') || id.includes('@remix-run') || id.includes('react-router')) {
+            return '@react-router';
+          }
+          if (id.includes('react-chat-elements') || id.includes('emoji-picker-react')) {
+            return '@chat';
+          }
+        },
+      },
+    },
     // rollupOptions: {
     //   output: {
     //     manualChunks(id) {