[web] Improve bundle chunks

maxijonson · Jul 16, 2023 · f3d6279 · f3d6279
1 parent 8c3a135
commit f3d6279
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 1 deletion.
diff --git a/packages/web/src/changelog/v4-4-1.ts b/packages/web/src/changelog/v4-4-1.ts
@@ -10,7 +10,7 @@ const v4_4_1: ChangelogEntry = {
             items: [
                 "Further improved state management",
                 "Reduced initial bundle size",
-                "Update app dependencies",
+                "Updated all project dependencies",
             ],
         },
     ],

diff --git a/packages/web/vite.config.ts b/packages/web/vite.config.ts
@@ -49,6 +49,41 @@ export default defineConfig({
     define: {
         APP_VERSION: JSON.stringify(process.env.npm_package_version),
     },
+    build: {
+        rollupOptions: {
+            output: {
+                manualChunks: {
+                    "mantine-core": [
+                        "@mantine/core",
+                        "@mantine/hooks",
+                        "@emotion/react",
+                    ],
+                    "mantine-dropzone": ["@mantine/dropzone"],
+                    "mantine-form": ["@mantine/form"],
+                    "mantine-modals": ["@mantine/modals"],
+                    "mantine-notifications": ["@mantine/notifications"],
+                    "mantine-prism": ["@mantine/prism"],
+                    "mantine-tiptap": [
+                        "@tiptap/extension-code-block-lowlight",
+                        "@tiptap/extension-link",
+                        "@tiptap/react",
+                        "@tiptap/starter-kit",
+                        "@mantine/tiptap",
+                        "@tabler/icons-react",
+                        "lowlight",
+                    ],
+                    "gpt-turbo": ["gpt-turbo"],
+                    react: ["react"],
+                    "react-dom": ["react-dom"],
+                    "react-icons": ["react-icons"],
+                    "react-router-dom": ["react-router-dom"],
+                    uuid: ["uuid"],
+                    zod: ["zod"],
+                    zustand: ["zustand"],
+                },
+            },
+        },
+    },
     server: {
         port: 3000,
         host: true,