当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。如：
const Foo = () => import('./Foo.vue')
当你觉得你的页面热更新速度慢的时候，才需要往下看 ↓
lazy-loading
开发环境：
module.exports = file => require('@/views/' + file + '.vue').default // vue-loader at least v13.0.0+ vue-loader at least v13.0.0+
生产环境：
module.exports = file => () => import('@/views/' + file + '.vue') http://www.kemaisii.cn
http://www.eternelle.cn
http://www.yajuxuan.cn
http://www.nodonkg.cn
http://www.yurunyipinn.cn
http://www.niudangjiaa.cn
http://www.feikeshoubiaoo.cn
http://www.yumengse.cn
http://www.parniss.cn
http://www.sensefadd.cn
http://www.youmaqi.cn
http://www.yinghengg.cn
http://www.xizuann.cn
http://www.vapsint.cn
来源：博客园
作者：吉尔而
链接：https://www.cnblogs.com/zjhcap/p/11478244.html