refactor(router): add dynamic imports for Webpack code splitting

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'
+const Colors = () => import('@/views/theme/Colors')
-import Typography from '@/views/theme/Typography'
+const Typography = () => import('@/views/theme/Typography')
 
-import Charts from '@/views/Charts'
+const Charts = () => import('@/views/Charts')
-import Widgets from '@/views/Widgets'
+const Widgets = () => import('@/views/Widgets')
 
 // Views - Components
-import Cards from '@/views/base/Cards'
+const Cards = () => import('@/views/base/Cards')
-import Forms from '@/views/base/Forms'
+const Forms = () => import('@/views/base/Forms')
-import Switches from '@/views/base/Switches'
+const Switches = () => import('@/views/base/Switches')
-import Tables from '@/views/base/Tables'
+const Tables = () => import('@/views/base/Tables')
-import Tabs from '@/views/base/Tabs'
+const Tabs = () => import('@/views/base/Tabs')
-import Breadcrumbs from '@/views/base/Breadcrumbs'
+const Breadcrumbs = () => import('@/views/base/Breadcrumbs')
-import Carousels from '@/views/base/Carousels'
+const Carousels = () => import('@/views/base/Carousels')
-import Collapses from '@/views/base/Collapses'
+const Collapses = () => import('@/views/base/Collapses')
-import Jumbotrons from '@/views/base/Jumbotrons'
+const Jumbotrons = () => import('@/views/base/Jumbotrons')
-import ListGroups from '@/views/base/ListGroups'
+const ListGroups = () => import('@/views/base/ListGroups')
-import Navs from '@/views/base/Navs'
+const Navs = () => import('@/views/base/Navs')
-import Navbars from '@/views/base/Navbars'
+const Navbars = () => import('@/views/base/Navbars')
-import Paginations from '@/views/base/Paginations'
+const Paginations = () => import('@/views/base/Paginations')
-import Popovers from '@/views/base/Popovers'
+const Popovers = () => import('@/views/base/Popovers')
-import ProgressBars from '@/views/base/ProgressBars'
+const ProgressBars = () => import('@/views/base/ProgressBars')
-import Tooltips from '@/views/base/Tooltips'
+const Tooltips = () => import('@/views/base/Tooltips')
 
 // Views - Buttons
-import StandardButtons from '@/views/buttons/StandardButtons'
+const StandardButtons = () => import('@/views/buttons/StandardButtons')
-import ButtonGroups from '@/views/buttons/ButtonGroups'
+const ButtonGroups = () => import('@/views/buttons/ButtonGroups')
-import Dropdowns from '@/views/buttons/Dropdowns'
+const Dropdowns = () => import('@/views/buttons/Dropdowns')
-import BrandButtons from '@/views/buttons/BrandButtons'
+const BrandButtons = () => import('@/views/buttons/BrandButtons')
 
 // Views - Icons
-import Flags from '@/views/icons/Flags'
+const Flags = () => import('@/views/icons/Flags')
-import FontAwesome from '@/views/icons/FontAwesome'
+const FontAwesome = () => import('@/views/icons/FontAwesome')
-import SimpleLineIcons from '@/views/icons/SimpleLineIcons'
+const SimpleLineIcons = () => import('@/views/icons/SimpleLineIcons')
-import CoreUIIcons from '@/views/icons/CoreUIIcons'
+const CoreUIIcons = () => import('@/views/icons/CoreUIIcons')
 
 // Views - Notifications
-import Alerts from '@/views/notifications/Alerts'
+const Alerts = () => import('@/views/notifications/Alerts')
-import Badges from '@/views/notifications/Badges'
+const Badges = () => import('@/views/notifications/Badges')
-import Modals from '@/views/notifications/Modals'
+const Modals = () => import('@/views/notifications/Modals')
 
 // Views - Pages
-import Page404 from '@/views/pages/Page404'
+const Page404 = () => import('@/views/pages/Page404')
-import Page500 from '@/views/pages/Page500'
+const Page500 = () => import('@/views/pages/Page500')
-import Login from '@/views/pages/Login'
+const Login = () => import('@/views/pages/Login')
-import Register from '@/views/pages/Register'
+const Register = () => import('@/views/pages/Register')
 
 Vue.use(Router)