一、什么是懒加载?(vue的异步组件,webpack代码的分割)

延迟加载,需要的时候按需加载

二、如何使用?

  • 封装路由表的时候封装,返回一个promise函数在resolve当中只包含想要引入的.js ``vue function routerView(view){ return()=>import (@/components/${view}.vue`) }

配置的路由表中 routes:[ { path:’/‘, name:”组件名字”, component:routerView(‘组件路径’)

}]

在webpack.config.js的output中配置chunkFileName:[‘name’].js 就不会随便起名字,而是定义同类的名字,这样看起来更清晰

```

总结:

主要搭配vue的异步组件,和webpack的代码分离,只需要返回一个primose函数,只包含想要引入的组件