From 14747004fc48969942b05016cf99b45db64dd315 Mon Sep 17 00:00:00 2001 From: xidedix Date: Wed, 27 Jun 2018 15:10:32 +0200 Subject: [PATCH] refactor(router): add dynamic imports for Webpack code splitting --- src/router/index.js | 74 ++++++++++++++++++++++----------------------- 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/src/router/index.js b/src/router/index.js index 96079e9e..98ec888e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -2,57 +2,57 @@ import Vue from 'vue' import Router from 'vue-router' // Containers -import DefaultContainer from '@/containers/DefaultContainer' +const DefaultContainer = () => import('@/containers/DefaultContainer') // Views -import Dashboard from '@/views/Dashboard' +const Dashboard = () => import('@/views/Dashboard') -import Colors from '@/views/theme/Colors' -import Typography from '@/views/theme/Typography' +const Colors = () => import('@/views/theme/Colors') +const Typography = () => import('@/views/theme/Typography') -import Charts from '@/views/Charts' -import Widgets from '@/views/Widgets' +const Charts = () => import('@/views/Charts') +const Widgets = () => import('@/views/Widgets') // Views - Components -import Cards from '@/views/base/Cards' -import Forms from '@/views/base/Forms' -import Switches from '@/views/base/Switches' -import Tables from '@/views/base/Tables' -import Tabs from '@/views/base/Tabs' -import Breadcrumbs from '@/views/base/Breadcrumbs' -import Carousels from '@/views/base/Carousels' -import Collapses from '@/views/base/Collapses' -import Jumbotrons from '@/views/base/Jumbotrons' -import ListGroups from '@/views/base/ListGroups' -import Navs from '@/views/base/Navs' -import Navbars from '@/views/base/Navbars' -import Paginations from '@/views/base/Paginations' -import Popovers from '@/views/base/Popovers' -import ProgressBars from '@/views/base/ProgressBars' -import Tooltips from '@/views/base/Tooltips' +const Cards = () => import('@/views/base/Cards') +const Forms = () => import('@/views/base/Forms') +const Switches = () => import('@/views/base/Switches') +const Tables = () => import('@/views/base/Tables') +const Tabs = () => import('@/views/base/Tabs') +const Breadcrumbs = () => import('@/views/base/Breadcrumbs') +const Carousels = () => import('@/views/base/Carousels') +const Collapses = () => import('@/views/base/Collapses') +const Jumbotrons = () => import('@/views/base/Jumbotrons') +const ListGroups = () => import('@/views/base/ListGroups') +const Navs = () => import('@/views/base/Navs') +const Navbars = () => import('@/views/base/Navbars') +const Paginations = () => import('@/views/base/Paginations') +const Popovers = () => import('@/views/base/Popovers') +const ProgressBars = () => import('@/views/base/ProgressBars') +const Tooltips = () => import('@/views/base/Tooltips') // Views - Buttons -import StandardButtons from '@/views/buttons/StandardButtons' -import ButtonGroups from '@/views/buttons/ButtonGroups' -import Dropdowns from '@/views/buttons/Dropdowns' -import BrandButtons from '@/views/buttons/BrandButtons' +const StandardButtons = () => import('@/views/buttons/StandardButtons') +const ButtonGroups = () => import('@/views/buttons/ButtonGroups') +const Dropdowns = () => import('@/views/buttons/Dropdowns') +const BrandButtons = () => import('@/views/buttons/BrandButtons') // Views - Icons -import Flags from '@/views/icons/Flags' -import FontAwesome from '@/views/icons/FontAwesome' -import SimpleLineIcons from '@/views/icons/SimpleLineIcons' -import CoreUIIcons from '@/views/icons/CoreUIIcons' +const Flags = () => import('@/views/icons/Flags') +const FontAwesome = () => import('@/views/icons/FontAwesome') +const SimpleLineIcons = () => import('@/views/icons/SimpleLineIcons') +const CoreUIIcons = () => import('@/views/icons/CoreUIIcons') // Views - Notifications -import Alerts from '@/views/notifications/Alerts' -import Badges from '@/views/notifications/Badges' -import Modals from '@/views/notifications/Modals' +const Alerts = () => import('@/views/notifications/Alerts') +const Badges = () => import('@/views/notifications/Badges') +const Modals = () => import('@/views/notifications/Modals') // Views - Pages -import Page404 from '@/views/pages/Page404' -import Page500 from '@/views/pages/Page500' -import Login from '@/views/pages/Login' -import Register from '@/views/pages/Register' +const Page404 = () => import('@/views/pages/Page404') +const Page500 = () => import('@/views/pages/Page500') +const Login = () => import('@/views/pages/Login') +const Register = () => import('@/views/pages/Register') Vue.use(Router)