vue项目中用webpack实现懒加载

发表于

懒加载

– 把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件。

  • Vue异步组件

    1
    2
    3
    4
    5
    6
    components: {
          headerNav: (resolve) => { //副组件名字
            setTimeout(() => {
              resolve(Header) //主组件名字
            },1000)
          }

  • webpack的代码分割功能

    1
    2
    3
    require.ensure代码分块
             require.ensure(依赖,回调函数,[chunk名字])
     import函数