split vega related components into lazy loaded bundle

galaxyproject · Nov 6, 2024 · 946d2ff · 946d2ff
1 parent b1691c5
commit 946d2ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationMetrics.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationMetrics.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type VisualizationSpec } from "vega-embed";
+import type { VisualizationSpec } from "vega-embed";
 import { computed, ref, watch } from "vue";
 import { type ComputedRef } from "vue";
 
 import { type components, GalaxyApi } from "@/api";
 import { errorMessageAsString } from "@/utils/simple-error";
 
-import VegaWrapper from "./VegaWrapper.vue";
+const VegaWrapper = () => import("./VegaWrapper.vue");
 
 const props = defineProps({
     invocationId: {

diff --git a/client/webpack.config.js b/client/webpack.config.js
@@ -25,6 +25,9 @@ const modulesExcludedFromLibs = [
     "elkjs",
     "@citation-js",
     "citeproc",
+    "vega",
+    "vega-embed",
+    "vega-lite",
 ].join("|");
 
 const buildDate = new Date();