Mercurial > gemma

changeset 1084:4a0b62876a5f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refac: Enable webpack code splitting to reduce bundlesize for app component
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 29 Oct 2018 09:52:53 +0100
parents 41ff75a4d760
children 72cad6277e3a
files client/src/App.vue
diffstat 1 files changed, 8 insertions(+), 16 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/App.vue	Fri Oct 26 16:00:38 2018 +0200
+++ b/client/src/App.vue	Mon Oct 29 09:52:53 2018 +0100
@@ -99,15 +99,7 @@
  * Thomas Junk <thomas.junk@intevation.de>
  * Markus Kottländer <markus.kottlaender@intevation.de>
  */
-import Sidebar from "./application/Sidebar";
-import Bottlenecks from "./bottlenecks/Bottlenecks";
-import Topbar from "./application/Topbar";
 import { mapGetters } from "vuex";
-import Userbar from "./application/Userbar";
-import Linetool from "./linetool/Linetool";
-import Morphtool from "./morphtool/Morphtool";
-import Pdftool from "./pdftool/Pdftool";
-import Zoom from "./zoom/zoom";
 
 export default {
   name: "app",
@@ -119,14 +111,14 @@
     }
   },
   components: {
-    Sidebar,
-    Bottlenecks,
-    Topbar,
-    Userbar,
-    Linetool,
-    Morphtool,
-    Pdftool,
-    Zoom
+    Sidebar: () => import("./application/Sidebar"),
+    Bottlenecks: () => import("./bottlenecks/Bottlenecks"),
+    Topbar: () => import("./application/Topbar"),
+    Userbar: () => import("./application/Userbar"),
+    Linetool: () => import("./linetool/Linetool"),
+    Morphtool: () => import("./morphtool/Morphtool"),
+    Pdftool: () => import("./pdftool/Pdftool"),
+    Zoom: () => import("./zoom/zoom")
   }
 };
 </script>