--- a/client/src/components/ImportStretches.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/ImportStretches.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -57,7 +57,6 @@
  * Thomas Junk <thomas.junk@intevation.de>
  */
 
-import Spacer from "./Spacer";
 import { displayInfo } from "@/lib/errors.js";
 
 export default {
@@ -78,7 +77,7 @@
     }
   },
   components: {
-    Spacer
+    Spacer: () => import("./Spacer")
   }
 };
 </script>

--- a/client/src/components/Logs.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/Logs.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -120,7 +120,6 @@
 import { mapState } from "vuex";
 import { HTTP } from "@/lib/http.js";
 import "../../node_modules/highlight.js/styles/paraiso-dark.css";
-import Spacer from "./Spacer";
 import Vue from "vue";
 import VueHighlightJS from "vue-highlightjs";
 Vue.use(VueHighlightJS);
@@ -131,7 +130,7 @@
 export default {
   name: "logs",
   components: {
-    Spacer
+    Spacer: () => import("./Spacer")
   },
   mounted() {
     this.fetch("system/log/apache2/access.log", ACCESSLOG);

--- a/client/src/components/Main.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/Main.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -20,14 +20,11 @@
  * Thomas Junk <thomas.junk@intevation.de>
  */
 
-import Maplayer from "./Maplayer";
-import FairwayProfile from "./fairway/Fairwayprofile";
-
 export default {
   name: "mainview",
   components: {
-    Maplayer,
-    FairwayProfile
+    Maplayer: () => import("./Maplayer"),
+    FairwayProfile: () => import("./fairway/Fairwayprofile")
   }
 };
 </script>

--- a/client/src/components/Systemconfiguration.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/Systemconfiguration.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -80,7 +80,6 @@
 import { HTTP } from "@/lib/http";
 import { displayError } from "@/lib/errors.js";
 import { mapState } from "vuex";
-import Spacer from "./Spacer";
 
 export default {
   name: "systemconfiguration",
@@ -95,7 +94,7 @@
   components: {
     "chrome-picker": Chrome,
     "compact-picker": Compact,
-    Spacer
+    Spacer: () => import("./Spacer")
   },
   computed: {
     ...mapState("application", ["showSidebar"])

--- a/client/src/components/importqueue/Importqueue.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/importqueue/Importqueue.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -109,14 +109,12 @@
 import { displayError } from "@/lib/errors.js";
 import { mapState } from "vuex";
 import { HTTP } from "@/lib/http.js";
-import Importqueuedetail from "./Importqueuedetail";
-import Spacer from "@/components/Spacer";
 
 export default {
   name: "importqueue",
   components: {
-    Importqueuedetail,
-    Spacer
+    Importqueuedetail: () => import("./Importqueuedetail"),
+    Spacer: () => import("@/components/Spacer")
   },
   data() {
     return {

--- a/client/src/components/importschedule/Importschedule.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/importschedule/Importschedule.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -96,14 +96,12 @@
  */
 
 import { mapState } from "vuex";
-import Importscheduledetail from "./Importscheduledetail";
-import Spacer from "@/components/Spacer";
 
 export default {
   name: "importschedule",
   components: {
-    Importscheduledetail,
-    Spacer
+    Importscheduledetail: () => import("./Importscheduledetail"),
+    Spacer: () => import("@/components/Spacer")
   },
   data() {
     return {

--- a/client/src/components/layers/Layers.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/layers/Layers.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -44,12 +44,11 @@
  * Thomas Junk <thomas.junk@intevation.de>
  * Markus Kottländer <markus.kottlaender@intevation.de>
  */
-import Layerselect from "./Layerselect";
 import { mapGetters, mapState } from "vuex";
 export default {
   name: "layers",
   components: {
-    Layerselect
+    Layerselect: () => import("./Layerselect")
   },
   computed: {
     ...mapGetters("map", ["layersForLegend"]),

--- a/client/src/components/layers/Layerselect.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/layers/Layerselect.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -46,7 +46,6 @@
  * Thomas Junk <thomas.junk@intevation.de>
  */
 import { HTTP } from "@/lib/http";
-import LegendElement from "./LegendElement.vue";
 export default {
   props: ["layername", "layerindex", "isVisible"],
   name: "layerselect",
@@ -56,7 +55,7 @@
     };
   },
   components: {
-    LegendElement
+    LegendElement: () => import("./LegendElement.vue")
   },
   methods: {
     visibilityToggled() {

--- a/client/src/components/staging/Staging.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/staging/Staging.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -59,7 +59,6 @@
 import { mapState } from "vuex";
 import { HTTP } from "@/lib/http.js";
 import { displayError, displayInfo } from "@/lib/errors.js";
-import StagingDetail from "./StagingDetail";
 import { STATES } from "@/store/imports.js";
 
 export default {
@@ -67,7 +66,7 @@
     return {};
   },
   components: {
-    StagingDetail
+    StagingDetail: () => import("./StagingDetail")
   },
   mounted() {
     this.loadData();

--- a/client/src/components/usermanagement/Userdetail.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/usermanagement/Userdetail.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -191,7 +191,6 @@
 import { HTTP } from "@/lib/http";
 import { displayError } from "@/lib/errors.js";
 import { mapState } from "vuex";
-import PasswordField from "./Passwordfield";
 
 const emptyErrormessages = () => {
   return {
@@ -228,7 +227,7 @@
 export default {
   name: "userdetail",
   components: {
-    PasswordField
+    PasswordField: () => import("./Passwordfield")
   },
   data() {
     return {

--- a/client/src/components/usermanagement/Usermanagement.vue	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/src/components/usermanagement/Usermanagement.vue	Mon Dec 24 13:12:11 2018 +0100
@@ -194,11 +194,9 @@
  * Author(s):
  * Thomas Junk <thomas.junk@intevation.de>
  */
-import Userdetail from "./Userdetail";
 import store from "@/store";
 import { mapGetters, mapState } from "vuex";
 import { displayError } from "@/lib/errors.js";
-import Spacer from "@/components/Spacer";
 
 export default {
   name: "userview",
@@ -210,8 +208,8 @@
     };
   },
   components: {
-    Userdetail,
-    Spacer
+    Userdetail: () => import("./Userdetail"),
+    Spacer: () => import("@/components/Spacer")
   },
   computed: {
     ...mapGetters("usermanagement", ["isUserDetailsVisible"]),

--- a/client/vue.config.js	Mon Dec 24 12:57:36 2018 +0100
+++ b/client/vue.config.js	Mon Dec 24 13:12:11 2018 +0100
@@ -2,8 +2,8 @@
 
 module.exports = {
   outputDir: "../web",
-    configureWebpack: {
-    devtool: 'source-map'
+  configureWebpack: {
+    devtool: "source-map"
   },
   chainWebpack: config => {
     let vendorImgPath = process.env.VUE_APP_VENDOR_IMG_PATH;