路由懒加载,组件懒加载(未完成)

why?
懒加载:也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时,组件懒加载同理
how?
【路由懒加载,组件懒加载(未完成)】

路由懒加载,组件懒加载(未完成)
文章图片
vue路由懒加载的基础用法

路由懒加载,组件懒加载(未完成)
文章图片
路由懒加载的第二种写法

就是用了懒加载后打完包直接运行那个index.html会报错,报文件引用错误其实是打包时候路径配置有点问题修改下就好了


路由懒加载,组件懒加载(未完成)
文章图片
编译报错修改路径

    推荐阅读