动态 import 加载时机模拟器
把“什么时候等模块”拆成时间线:静态依赖先挡住主模块,动态导入返回 Promise 再进入 then 或 catch。
等待运行
HTML 解析
main.js
chart.js
用户动作
then / catch
main.js
主模块开始前,静态依赖会被先解析和执行。
chart.js
这里用本地 Promise 计时器模拟导入过程,不会请求远程模块。
静态 import
依赖在主模块执行前完成;失败通常让模块图整体停止。
动态 import()
调用时返回 Promise;成功进入 then,失败进入 catch。
加载时机
启动加载换来使用时不等待;点击后加载换来首屏少做事。