mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2026-11-08 11:15:07 +00:00
18 lines
995 B
Markdown
18 lines
995 B
Markdown
<!--
|
||
* @Date: 2021-01-17 14:24:40
|
||
* @LastEditors: chentianshang
|
||
* @LastEditTime: 2021-01-17 19:42:53
|
||
* @FilePath: /github-h5-Dooring/doc/zh/guide/componentDev/dynamicLoading.md
|
||
-->
|
||
# 组件动态加载
|
||
|
||
目前H5-Dooring的组件都是通过动态加载的方式引入，好处是我们在页面中只会加载我们需要的组件，不需要的组件不会被加载，这样可以提高页面加载的速度，这样做也会出现一些问题，比如一个长页面，配置了很多组件，那么一个页面加载过程可以会触发多次请求，目前还没有遇到性能问题，但后续会逐渐优化这个问题。
|
||
|
||
## umi3提供的dynamic
|
||
|
||
目前组件的动态加载我们采用的umi的dynamic方案，基于它我们上层封装了一个组件动态加载器，原理如下：
|
||
|
||
<img src="../../../img/componentDev/dynamic.png" alt="foo">
|
||
|
||
具体代码可以参考Dooring的Github地址：[https://github.com/MrXujiang/h5-Dooring](https://github.com/MrXujiang/h5-Dooring)
|