本系列将通过AI辅助学习：阅读文章，不懂的地方问AI，然后记录。

1.原文地址

古茗是如何将小程序编译速度提升3倍的

2.小程序动态构建方案学习记录

本文基于古茗B端小程序热更新优化方案，整理核心疑问及解答，聚焦动态构建流程中的关键逻辑，明确各环节触发条件、分工及特殊场景处理，形成系统性学习笔记。

一、核心问题及解答

问题1：接口http://localhost:xxxx/update?target=/pages/xxx/a的核心作用是直接写入temp文件，指定要更新的页面吗？

理解大体正确，但需补充完整流程细节，该接口并非简单“写入目标页面”，而是一套完整的路由信息处理流程，具体拆解如下：

1. 接收参数：获取请求中target对应的目标页面路由，明确开发者需访问的页面；

2. 查询完整配置：去原始app.config.js（含所有260+页面完整路由）中，查询目标路由的详细信息（含是否属于分包、分包配置等）；

3. 智能更新临时配置：将目标页面及对应分包（默认配置下一次性构建整个分包所有页面，避免多次跳转多次构建，可关闭该优化）的路由信息，更新到temp.app.config.js；

4. 触发构建：Taro监听temp.app.config.js变动，自动重新构建，生成仅含核心路由+新增目标路由的轻量dist包，降低IDE构建压力。

核心结论：接口是“发起路由更新指令”的载体，实际更新temp文件的工作由本地Node服务完成，且附带分包优化逻辑。

问题2：拦截Taro.navigateTo和Taro DidMount，都是在对应时机执行更新temp文件的操作吗？

理解有偏差，两者分工明确、前后衔接，均不直接执行更新temp文件的操作，核心职责如下：

1. 拦截Taro.navigateTo：动态构建的“发起者”

触发条件：开发者主动调用Taro.navigateTo进行页面跳转时。

核心逻辑：校验目标路由是否存在于temp.app.config.js（即是否已构建）：

• 路由已存在：直接放行，执行Taro.navigateTo原始逻辑，正常跳转；

• 路由不存在：发起上述http接口请求，委托本地Node服务更新temp文件，仅“发指令”不做实际文件写入。

2. 拦截Taro DidMount：动态构建的“收尾者”

触发条件：temp文件更新→Taro重新构建→小程序自动reload之后。

核心逻辑：小程序reload后进入当前页面DidMount生命周期，此时目标路由已添加到temp文件并完成构建，拦截器执行重定向逻辑，跳转到最初想要访问的目标页面，完成整个流程收尾。

两者核心分工对比

| 拦截目标 | 核心职责 | 是否直接更新temp文件 |

|----------|----------|----------------------|

| Taro.navigateTo | 判断是否发起更新请求，放行已构建路由 | 否（仅发指令，Node服务完成更新） |

| Taro DidMount | 完成最终目标页面重定向 | 否（与temp更新无直接关联） |

问题3：首次进入小程序渲染index/index.tsx（无跳转操作），会触发上述两步拦截吗？

答案：不会触发上述两步拦截操作，原因及流程如下：

1. 首页已纳入最小核心路由集合

Taro构建时生成的temp.app.config.js，默认保留核心路由（tabbar、登录页、首页/落地页），index/index.tsx作为首页，必然在该集合中，初始化构建已包含该页面，无需动态更新。

2. 拦截操作触发条件不满足

• Taro.navigateTo拦截：需主动调用跳转API触发，首次渲染首页是初始化行为，非跳转触发，逻辑不执行；

• Taro DidMount拦截：仅作为动态构建的收尾步骤，需经过“更新请求→temp修改→重新构建→reload”前置流程，首次进入无该流程，仅执行页面正常DidMount逻辑，无重定向拦截操作。

3. 首次进入首页完整流程

1. Taro基于temp.app.config.js（含首页路由）生成轻量dist包；

2. 支付宝IDE对该dist包进行构建；

3. 小程序启动，直接渲染index/index.tsx，执行页面正常生命周期，无额外拦截介入。

补充：仅当从首页调用Taro.navigateTo跳转到非核心路由页面时，两步拦截逻辑才会按需触发。

二、核心知识点总结

1. temp.app.config.js核心作用：作为临时路由配置文件，默认保留最小核心路由，通过动态更新实现“按需构建”，降低IDE构建压力；

2. 关键角色分工：Node服务负责实际更新temp文件，拦截器负责触发流程（navigateTo）和收尾跳转（DidMount），三者协同完成动态构建；

3. 场景边界：动态构建流程仅针对“跳转非核心路由”场景，首次渲染首页、跳转已构建路由均不触发额外拦截和更新操作。