北京
Angular 22最近上线了一个叫injectAsync()的新API，专门解决前端开发里一个老大难问题：怎么让第三方库按需加载，而不是一上来就塞进主包。这个改动看起来不大，但对主包体积和启动速度的影响挺实在。
举个具体场景。假设你在做一个带Markdown编辑器的应用，用到了highlight.js做语法高亮、Marked做Markdown解析。编辑器本身用户一打开就要用，但Markdown处理功能可能只有点击预览时才触发。按传统写法，这两个库会直接被打进主包，结果是17.2KB的额外体积——用户可能从头到尾都没点过预览，却白白下载了这些代码。
问题出在哪？看代码就明白了。PostEditorComponent里直接inject了MarkdownService，而MarkdownService又在顶部静态import了marked和highlight.js。Angular的构建工具一看这依赖关系，自然把整套东西都打包进来。这是 eager loading（即时加载）的典型陷阱：代码准备好了，时机却没到。
以前要解决这个问题，得写一堆样板代码。手动拆分动态import、处理加载状态、在组件里维护一个"是否已加载"的标志位——能跑，但啰嗦。injectAsync()的作用就是把这套流程收进框架里，一行声明搞定懒加载，返回值直接当普通服务用。
核心变化是思维方式的转换：从"先准备好一切"变成"用到时再准备"。对开发者来说，代码更好维护了；对用户来说，首屏加载更快了。这种API层面的简化，往往比性能数字本身更能推动团队真正去用懒加载——毕竟省下来的每一KB，都是实打实的用户体验。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
