正常情况,我们是这样配置路由的,页面少的情况下不会有问题,如果页面很多,一次加载很多路由,会导致首屏加载时间变慢!
何谓路由懒加载呢?
懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。
具体写法如下:resolve => require(['@/views/optView/websiteList'],resolve)
配合webpack的分割功能,将会进一步减小vendor.js体积,同时分割出多个js,在需要时引入,达到进一步提升首屏加载速度的效果。
下面是路由懒加载、启用压缩、webpack分割打包后的效果,vendor.js--58.5kb:
打包后,首屏加载速度会更快!!!