코드 스플리팅

• 라우터 컴포넌트를 한번에 다 불러오지 않고 그 때 그때 마다 불러오는 방식으로 코드 스플리팅 방식을 써야 한다.
• 기존 방식 component: BlogList
• 코드 스플리팅 방식 component: () => import('@/components/BlogList')

export default new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'BlogList',
      component: () => import('@/components/BlogList')
    },
    {
      path: '/BlogListDetail/:id',
      name: 'BlogListDetail',
      component: () => import('@/components/BlogListDetail')
    },
    {
      path: '/BlogWrite',
      name: 'BlogWrite',
      component: () => import('@/components/BlogWrite')
    },
    {
      path: '/CSSTest',
      name: 'CSSTest',
      component: () => import('@/components/CSSTest')
    },
    {
      path: '/test',
      name: 'test',
      component: Test
    }
  ]
});