路由懒加载

为什么要使用路由懒加载？

在我们打包后，会将我们写的所有的业务代码打包到一个js中，这时候，会造成这个js文件变得非常庞大，当用户请求的时候，会造成短暂的空白。

 

正常打包之后会有三个js文件，一个是我们的业务代码，一个是第三方的js，一个是用来支撑底层的js

 

怎么使用路由懒加载？

 

之前配置路由映射的时候，我们是先将组件引入，然后在component中注册一下。

路由懒加载，直接在component引入进来就好：

component:()=>import("../components/Home")

 

 

打包之后发现在我们打包后的dist->js文件夹中多了几个js文件，多的那几个js文件就是我们懒加载的路由所对应的组件生成的