动态 import 加载时机模拟器

把“什么时候等模块”拆成时间线:静态依赖先挡住主模块,动态导入返回 Promise 再进入 then 或 catch。

等待运行
HTML 解析
main.js
chart.js
用户动作
then / catch
main.js

主模块开始前,静态依赖会被先解析和执行。

chart.js

这里用本地 Promise 计时器模拟导入过程,不会请求远程模块。

静态 import 依赖在主模块执行前完成;失败通常让模块图整体停止。
动态 import() 调用时返回 Promise;成功进入 then,失败进入 catch。
加载时机 启动加载换来使用时不等待;点击后加载换来首屏少做事。