vue webpack 懒加载

自己项目中的写法

const router = new Router({

    routes: [

         {

               path: '/index',

               component: (resolve) => {

                   require(['../components/index/index'], resolve) // 这里是你的模块 不用import去引入了

               }

           }

    ]

})

第二种：

正常写法

const router = new Router({

    routes: [

        {

           path: '/hyh',

           component: hyh,

           name: 'hyh'

        }

    ]

})

const hyh = resolve => {

   import ('@/components/index/hyh').then(modul =>{

       resolve(module)

    })

}

第三种

// r就是resolve

const list = r => require.ensure([], () => r(require('../components/list/list')), 'list');

// 路由也是正常的写法  这种是官方推荐的写的 按模块划分懒加载

const router = new Router({

    routes: [

        {

           path: '/list/blog',

           component: list,

           name: 'blog'

        }

    ]

})