路由懒加载

路由懒加载
这里面是实现了路由的懒加载(实现的方式有很多,这里就不一一说明了,这是根据webpack的版本特制的,不同的版本可能会不通用)那么我们为什么要用路由的懒加载呢?

当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。(刚开始的时候是说如果分成好多个js,一起加载的话会很慢,因为网络请求很浪费时间,然后统一为1个index.js,这样的话会减少网络请求的时间,使资源更快的加载,但是一旦打包后的index.js过大,会影响首屏时间,这时候webpack会根据不同的路由把组件分割成不同的代码块,这样按需加载,减少首屏时间)
路由懒加载