介绍一下路由懒加载


使用原因:

Vue是单页面 JS包很大 首页加载长 白屏时间多

需要路由懒加载 按需加载 分担首页加载压力 =》页面出现白屏的时间长是为什么? JS包大是一种原因。懒加载是其中一种方案

三种

Vue resolve 异步组件 会把每个异步组件单独打成一个JS文件 chunk

ES6中的import方法 可以不指定块名称 也会单独打包成一个块名称 当然也可以指定 相同块名称 打包在一起

webpack的 require.ensure方法 只要我们指定相同块名称的路由 相同的合并 打包成一个JS

实际使用

异步组件接受一个返回promise的工厂函数

那么我们可以使用import()

(官网唯一描述的写法)ES6+webpack import动态加载

路由懒加载


文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录