Mercurial > gemma
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;