vue webpack 懒加载三种方式


const router = new Router({
    routes: [
         {
               path: '/index',
               component: (resolve) => {
                   require(['../components/index/index'], resolve) // 这里是你的模块 不用import去引入了
               }
           }
    ]
})

 


const hyh = resolve => {
   import ('@/components/index/hyh').then(modul =>{
       resolve(module)
    })      
}

 

const router = new Router({
    routes: [
        {
           path: '/hyh',
           component: hyh,
           name: 'hyh'
        }
    ]
})

 


 

// 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'
        }
    ]
})

 

 


 

你可能感兴趣的:(vue webpack 懒加载三种方式)