vue路由懒加载

描述:

路由懒加载的实现思路  =  vue的异步组建 + webpack的代码分割

1.可以将异步组件定义为返回一个 Promise 的工厂函数(该函数返回的 Promise 应该 resolve 组件本身)

2在 Webpack 2 中,我们可以使用动态 import语法来定义代码分块点 (split point):

3.结合这两者,这就是如何定义一个能够被 Webpack 自动代码分割的异步组件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 实现vue路由懒加载的几种方式 [1]const home = r => require.ensure([], (...
    风间澈618阅读 1,095评论 2 3
  • vue的路由懒加载 我们可以把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件。 com...
    会飞的猪bzy阅读 680评论 0 2
  • require amd const Hello = resolve => require(["@/views/He...
    unspecx阅读 184评论 0 0
  • 何为懒加载 一个懒字道出了真谛,就是不一次性给你所有资源,什么时候要什么时候给。在我们的系统中就是当用到某个资源时...
    snow_in阅读 1,180评论 0 2
  • 听说最尴尬的事情是,出门没化妆结果遇到前男友。 晚上去看电影,画的妆有点浓,胡茄紫的口红,穿了一条黑色的纱裙。 地...
    Miss_Shallow阅读 218评论 0 0