vue引入组件写法疑问

Question

谁能解释下这种写法？用于vue router引入组件，效果和
const pagination = require('@/components/pagination') 一样；

Answer 1

可以参考vue-router文档里面的路由懒加载。
const pagination = require('@/components/pagination') 这种写法，打包的时候会全部打包到一起，Javascript包会变得非常大，影响页面加载。
截图的代码把不同路由对应组件分成了不同代码块，路由被访问时候才加载对应组件。

Answer 2

路由的按需加载，你的写法属于不是按需加载，按需加载会在页面第一次请求的时候，把相关路由组件块的js添加上；非按需加载则会把所有的路由组件块的js包打在一起

Answer 3

你所描述的方法是按需加载