Fix the Split Chunk functionality + typescript supported version

kafbat · Apr 22, 2024 · 7e2df92 · 7e2df92
1 parent 2a891f8
commit 7e2df92
Show file tree

Hide file tree

Showing 3 changed files with 61 additions and 53 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -95,7 +95,7 @@
     "rimraf": "5.0.5",
     "ts-node": "10.9.2",
     "ts-prune": "0.10.3",
-    "typescript": "5.4.5",
+    "typescript": "5.3.3",
     "vite": "5.2.10",
     "vite-plugin-checker": "0.6.4",
     "vite-plugin-ejs": "1.7.0",

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -1,9 +1,4 @@
-import {
-  defineConfig,
-  loadEnv,
-  UserConfigExport,
-  splitVendorChunkPlugin,
-} from 'vite';
+import { defineConfig, loadEnv, UserConfigExport } from 'vite';
 import react from '@vitejs/plugin-react-swc';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { ViteEjsPlugin } from 'vite-plugin-ejs';
@@ -22,7 +17,7 @@ export default defineConfig(({ mode }) => {
     }),
   ];
 
-  const prodPlugins = [...defaultPlugins, splitVendorChunkPlugin()];
+  const prodPlugins = [...defaultPlugins];
 
   const devPlugins = [
     ...defaultPlugins,
@@ -42,8 +37,21 @@ export default defineConfig(({ mode }) => {
       outDir: 'build',
       rollupOptions: {
         output: {
-          manualChunks: {
-            ace: ['ace-builds', 'react-ace'],
+          manualChunks(id: string) {
+            if (id.includes('ace-builds') || id.includes('react-ace')) {
+              return 'ace';
+            }
+
+            // creating a chunk to react routes deps. Reducing the vendor chunk size
+            if (
+              id.includes('react-router-dom') ||
+              id.includes('@remix-run') ||
+              id.includes('react-router')
+            ) {
+              return '@react-router';
+            }
+
+            return null;
           },
         },
       },