软件系统在持续交付需求的同时也需要进行架构的维护和迭代，这样才能确保长期的研发效率和稳定性。时至今日，很多 Web 应用已经持续迭代了五年甚至十年之久，随着前端技术每天都在快速更迭，大型项目的架构升级则尤为困难。如何对大型 Web App 进行技术更新和迁移，是很多前端工程师逐渐或正在面临的技术难题。

百度搜索首页和结果页承载着几乎所有的搜索产品，尤其是结果页在机制和业务体量上都很庞大，数十万行代码承载着十几个产品线的运行时。搜索前端团队在近一年中，进行了代码模块拆分、组件化和 SSR、Node.js 架构迁移等技术更新和重构，也开源了部分关键技术和工具链代码。我们希望能够分享在这一过程中积累的大型项目重构经验和方法，也把一些有用的小工具回馈给社区。

演讲提纲：

1. 背景和问题

• 代码量大，耦合重，职责不清晰
• 工具链旧，开发效率低，交付效率差

2. 思路和方法

• 架构的目标
• 重构的策略

3. 落地和执行

• Molecule 和业务模块化
• 组件化重构和 Node.js

4. 总结和后续计划

听众收益：

1. 获得组件化、SSR、Node.js 在搜索前端的实践经验，了解百度搜索前端的基本架构；
2. 从具体的方案设计一直到实践路径，帮助理解大型前端项目的技术重构和升级的经验、方法和原则。

听懂我的演讲，需要具备这些知识储备：

1. 前端模块化
2. 组件化方案（Vue、Angular 等基础）
3. 代码重构
4. 服务端渲染