电子发烧友App
创作
发文章
发帖 
提问 
发资料
发视频资料介绍
异步加载模块
在现在WEB开发中，前端的代码量已经变得非常庞大，不可能再像以前那样，把所有JS全部压缩成一个文件，然后一次性全部加载。所以，无论你用什么样的前端框架，异步加载模块都是一个必备的功能。为了帮助初学者理解最基本的思路，画图示例如下：
以下是代码块和路由之间的对应关系（虚构的）：
http://localhost:4200/home chunk-0.js（10k）
http://localhost:4200/user chunk-1.js（10k）
http://localhost:4200/role chunk-2.js（50k）
http://localhost:4200/permission chunk-3.js（80k）
就算你不是前端开发者，你也能看出来，这样好多了对不对？你不需要一上来就把所有js文件（一共150k）全部加载进来，只有当用户开始使用某个菜单的时候，才去异步加载。很明显，这是一个必备的特性，我们来看在Vue和Angular里面分别是怎么实现异步模块的。
我们先来看Vue里面繁琐的做法：
根据以上文档，你首先要写一下你已经写好的Vue组件，然后自己再去利用webpack的code splitting特性自己写配置文件。很明显，当你的项目规模已经做得很大的时候，比如你已经写了500个Vue组件，这时候你想切一下异步模块，然后你就开始恶心了。首先你要把这500个组件都改一下，虽然每个组件改动的幅度不大，但是要改的数量还是挺多的！或者，当你发现某一些组件本来被打包在chunk-0.js里面的，但是由于业务上的修改，你现在必须把它们移动到chunk-1.js里面去，那对不起，请你自己到配置文件里面去慢慢改吧！
- 三种植物冠层分析仪技术参数对比分析 34次下载
- CXY1和CXY2称重传感器的对比分析 0次下载
- SolidWorks软件的图解法与CAD软件的图解法详细对比分析 17次下载
- BF981和BF982双栅场效应管详细特性数据对比分析免费下载 0次下载
- 多普勒天气雷达网探测数据对比分析 0次下载
- 蓝牙透传模块选型和对比分析 19次下载
- 二阶广义积分器的三种改进结构及其锁相环应用对比分析 22次下载
- Xpeedic ViaExpert和SnpExpert的使用和对比分析 0次下载
- 穿戴式医疗设备MCU选型对比分析 15次下载
- 基于希尔伯特_黄变换和小波变换的500kV变电站谐振数据对比分析 1次下载
- 小型PLC对比分析 71次下载
- MA计划方式迁移机制的对比分析 5次下载
- 几种适合变速恒频风力发电机并网方式对比分析 36次下载
- TD-SCDMA技术独立和混合组网对比分析 29次下载
- 几种适合变速恒频风力发电机并网方式对比分析 10次下载
- 使用Vue3时遇到的一些问题 490次阅读
- 海凌科两款3D双目人脸识别模块的对比分析 519次阅读
- SpringBoot+Vue实现网页版人脸登录、人脸识别 685次阅读
- 在iOS中集成Vue是什么 361次阅读
- 在iOS中渲染vue与事件处理是什么 500次阅读
- Vue Admin Work 系列框架 552次阅读
- 质子交换膜燃料电池变温度条件下平面内分区电化学阻抗谱的量化和对比分析 1303次阅读
- 详谈 Vue 和 React 的八大区别 7553次阅读
- 各种光源的发光效率对比分析 4.5w次阅读
- 逆变器和家电(电磁炉)的辐射对比分析 1w次阅读
- 八种硬件设计EDA工具对比分析（价格、难度、功能） 1.8w次阅读
- 动力电池能量密度技术企业哪家强_七家企业对比分析 9718次阅读
- 用实例深入阐述双端口分析和回归比分析 5733次阅读
- 两种整流电路的工作原理对比分析 6557次阅读
- 4G通信系统中OFDM技术的分析 5993次阅读
上传资料赚积分下载排行
本周
- 1电子电路原理第七版PDF电子教材免费下载
- 0.00 MB | 1491次下载 | 免费
- 2单片机典型实例介绍
- 18.19 MB | 95次下载 | 1 积分
- 3S7-200PLC编程实例详细资料
- 1.17 MB | 27次下载 | 1 积分
- 4笔记本电脑主板的元件识别和讲解说明
- 4.28 MB | 18次下载 | 4 积分
- 5开关电源原理及各功能电路详解
- 0.38 MB | 11次下载 | 免费
- 6100W短波放大电路图
- 0.05 MB | 4次下载 | 3 积分
- 7基于单片机和 SG3525的程控开关电源设计
- 0.23 MB | 4次下载 | 免费
- 8基于AT89C2051/4051单片机编程器的实验
- 0.11 MB | 4次下载 | 免费
本月
- 1OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234313次下载 | 免费
- 2PADS 9.0 2009最新版 -下载
- 0.00 MB | 66304次下载 | 免费
- 3protel99下载protel99软件下载(中文版)
- 0.00 MB | 51209次下载 | 免费
- 4LabView 8.0 专业版下载 (3CD完整版)
- 0.00 MB | 51043次下载 | 免费
- 5555集成电路应用800例(新编版)
- 0.00 MB | 33562次下载 | 免费
- 6接口电路图大全
- 未知 | 30320次下载 | 免费
- 7Multisim 10下载Multisim 10 中文版
- 0.00 MB | 28588次下载 | 免费
- 8开关电源设计实例指南
- 未知 | 21539次下载 | 免费
总榜
- 1matlab软件下载入口
- 未知 | 935053次下载 | 免费
- 2protel99se软件下载(可英文版转中文版)
- 78.1 MB | 537793次下载 | 免费
- 3MATLAB 7.1 下载 (含软件介绍)
- 未知 | 420026次下载 | 免费
- 4OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234313次下载 | 免费
- 5Altium DXP2002下载入口
- 未知 | 233046次下载 | 免费
- 6电路仿真软件multisim 10.0免费下载
- 340992 | 191183次下载 | 免费
- 7十天学会AVR单片机与C语言视频教程 下载
- 158M | 183277次下载 | 免费
- 8proe5.0野火版下载(中文版免费下载)
- 未知 | 138039次下载 | 免费
工商网监
评论