webpackChunkName 的使用

/* webpackChunkName: "about" */ '../views/About.vue'

在router中常用的引入方式

    path: '/about',
    name: 'About',
    component: () => import( '../views/About.vue')
  }

添加webpackChunkNmae属性的使用方法

    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ '../views/About.vue')
  }

添加webpackChunkNmae属性的使用作用

// route level code-splitting

// this generates a separate chunk (about.[hash].js) for this route

// which is lazy-loaded when the route is visited.

对路由进行的懒加载 作用于首屏优化