splitted chunks for vue router pages, materialdesignicons styles

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -51,9 +51,13 @@ import VHeaderMenu from 'vuejs/components/Content/HeaderMenu'
 
 import { mapState } from 'vuex'
 
-// require('theme/assets/styles/main.scss');
 import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
 import 'slim-select/slimselect.min.css'
+import(
+  /* webpackChunkName: "module-mdi" */
+  /* webpackPrefetch: true */
+  /* webpackPreload: true */
+  'theme/assets/styles/mdi/scss/materialdesignicons.scss')
 import 'theme/assets/styles/main.scss'
 import 'theme/assets/styles/print.scss'