Vue + webpack实现懒加载过程解析 - 行业资讯 - 肥雀云

这篇文章主要介绍了Vue + webpack实现懒加载过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

实现方式:

1, webpack方法

要求。确保([”),回调,chunkName);

2, es6 motehod

import () 　　

import () ()

import (/* webpackChunkName: async-chunk-name *//* webpackMode:懒*/modulename)

需要安装通天塔插件syntax-dynamic-import,因为进口只能出现在页面顶部

具体实现:

第一种,

　　　　　　var组件=(解决)=比;{ 　　导入(/* webpackChunkName:“供应商”*/弊榧肪丁?。(模块=比;{ 　　解决(模块) 　　}) 　　} 　　　　

第二种,

　　　　　　var组件=(解决)=比;{ 　　要求(['组件路径'],解决) 　　} 　　　　

第三种,

　　　　　　var组件=(解决)=比;{ 　　要求。确保([],()=祝辞{ 　　解决(reauire(“组件路径”)); 　　},chunkName) 　　} 　　　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。