fix: update the vite config to use the rollup dependencies properly (#…

…6853) * fix: update the vite config to use the rollup dependencies properly * add comments
kestra-io · Jan 21, 2025 · f8b2056 · f8b2056
1 parent 4d4963a
commit f8b2056
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 58 deletions.
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -101,7 +101,6 @@
     "monaco-yaml": "^5.2.3",
     "prettier": "^3.4.2",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.83.0",
     "storybook": "^8.4.7",
     "storybook-vue3-router": "^5.0.0",

diff --git a/ui/vite.config.js b/ui/vite.config.js
@@ -1,7 +1,6 @@
 import path from "path";
 import {defineConfig} from "vite";
 import vue from "@vitejs/plugin-vue";
-import {visualizer} from "rollup-plugin-visualizer";
 
 import {filename} from "./plugins/filename"
 import {commit} from "./plugins/commit"
@@ -10,6 +9,25 @@ export default defineConfig({
     base: "",
     build: {
         outDir: "../webserver/src/main/resources/ui",
+        rollupOptions: {
+            output: {
+                manualChunks: {
+                    // bundle dashboard and all its dependencies in a single chunk
+                    "dashboard": [
+                        "src/components/dashboard/Dashboard.vue", 
+                        "src/components/dashboard/components/DashboardCreate.vue", 
+                        "src/components/dashboard/components/DashboardEdit.vue"
+                    ],
+                    // bundle flows and all its dependencies in a second chunk
+                    "flows": [
+                        "src/components/flows/Flows.vue", 
+                        "src/components/flows/FlowCreate.vue", 
+                        "src/components/flows/FlowsSearch.vue", 
+                        "src/components/flows/FlowRoot.vue"
+                    ]
+                }
+            }
+        },
     },
     resolve: {
         alias: {
@@ -19,6 +37,7 @@ export default defineConfig({
             "#mdc-imports": path.resolve(__dirname, "node_modules/@kestra-io/ui-libs/stub-mdc-imports.js"),
             "#mdc-configs": path.resolve(__dirname, "node_modules/@kestra-io/ui-libs/stub-mdc-imports.js"),
             "shiki": path.resolve(__dirname, "node_modules/shiki/dist"),
+            "vuex": path.resolve(__dirname, "node_modules/vuex/dist/vuex.esm-bundler.js"),
         },
     },
     plugins: [
@@ -31,7 +50,6 @@ export default defineConfig({
                 }
             }
         }),
-        visualizer(),
         filename(),
         commit()
     ],