vue懒加载 webpack

vue.config.js

config.plugins.delete('prefetch');     
// 即便路由采用懒加载注释
    // 但vue-cli 3默认开启 prefetch(预先加载模块)，提前获取用户未来可能会访问的内容
    // 在首屏会把所有路由文件都一次性下载了,所以此处要关闭这个功能，从而真正实现懒加载，提升首屏加载速度

router

 {
      path: 'xxx',
      meta: {
        title: 'xxxx',
        navLevel: 2,
        apiMenuPath: '/xxxx/xxxx'
      },
      component: () =>
        import(
          /* webpackChunkName: "xxxx" */    //添加webpack注释 按块加载
 '@/views/xxx/xxx/Index.vue'
        )
    }