changeset 1672:5af8c82c3d21

refac: improved bundle-size
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 24 Dec 2018 14:41:37 +0100
parents 89b38d7e7b6a
children 7e3a705f520a
files client/src/main.js
diffstat 1 files changed, 8 insertions(+), 102 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/main.js	Mon Dec 24 13:58:01 2018 +0100
+++ b/client/src/main.js	Mon Dec 24 14:41:37 2018 +0100
@@ -27,108 +27,12 @@
 import "../node_modules/highlight.js/styles/paraiso-dark.css";
 import "../node_modules/vue-snotify/styles/material.css";
 import VTooltip from "v-tooltip";
-import { library } from "@fortawesome/fontawesome-svg-core";
-import {
-  faAngleDown,
-  faAngleLeft,
-  faAngleRight,
-  faAngleUp,
-  faBars,
-  faBook,
-  faChartArea,
-  faCheck,
-  faCity,
-  faClipboardCheck,
-  faClock,
-  faCloudUploadAlt,
-  faCopy,
-  faDrawPolygon,
-  faExclamationTriangle,
-  faEye,
-  faEyeSlash,
-  faFilePdf,
-  faFolderPlus,
-  faInfo,
-  faLayerGroup,
-  faMapMarkedAlt,
-  faMinus,
-  faPaperPlane,
-  faPencilAlt,
-  faPlay,
-  faPlus,
-  faPowerOff,
-  faRuler,
-  faSearch,
-  faShip,
-  faSortAmountDown,
-  faSortAmountUp,
-  faSpinner,
-  faStar,
-  faTasks,
-  faTimes,
-  faTrash,
-  faUpload,
-  faUser,
-  faUsersCog,
-  faWater,
-  faWrench
-} from "@fortawesome/free-solid-svg-icons";
-import { faAdn } from "@fortawesome/free-brands-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import VueClipboard from "vue-clipboard2";
 
-library.add(
-  faAdn,
-  faAngleDown,
-  faAngleLeft,
-  faAngleRight,
-  faAngleUp,
-  faBars,
-  faBook,
-  faChartArea,
-  faCheck,
-  faCity,
-  faClipboardCheck,
-  faClock,
-  faCloudUploadAlt,
-  faCopy,
-  faDrawPolygon,
-  faExclamationTriangle,
-  faEye,
-  faEyeSlash,
-  faFilePdf,
-  faFolderPlus,
-  faInfo,
-  faLayerGroup,
-  faMapMarkedAlt,
-  faMinus,
-  faPaperPlane,
-  faPencilAlt,
-  faPlay,
-  faPlus,
-  faPowerOff,
-  faRuler,
-  faSearch,
-  faShip,
-  faSortAmountDown,
-  faSortAmountUp,
-  faSpinner,
-  faStar,
-  faTasks,
-  faTimes,
-  faTrash,
-  faUpload,
-  faUser,
-  faUsersCog,
-  faWater,
-  faWrench
-);
 import ToggleButton from "vue-js-toggle-button";
 
 Vue.use(ToggleButton);
 
-Vue.component("font-awesome-icon", FontAwesomeIcon);
-
 Vue.use(VTooltip);
 
 const options = {
@@ -174,11 +78,13 @@
 });
 
 Vue.config.productionTip = false;
-
-const app = new Vue({
-  router,
-  store,
-  render: h => h(App)
-}).$mount("#app");
+let app;
+import("./fontawesome").then(Vue => {
+  app = new Vue({
+    router,
+    store,
+    render: h => h(App)
+  }).$mount("#app");
+});
 
 export default app;