本系列的内容到这里就结束了。先来简单回顾一下整个课程的主要内容，如下图：

这些内容主要介绍并梳理了前端工程化中效率提升方向的知识，内容涵盖开发效率、构建效率和部署效率三个方面。通过这个系列课程的学习，可以建立起前端效率工程化方面相对完整的知识体系，同时在前端开发日常流程中的效率工程类问题方面，找到分析和解决的新方向。

这些方向实际涵盖的概念与技术点非常广泛，并不容易完全掌握，除了已有的概念和技术之外，新的技术和方向也在不断涌现。下面从前端效率工程化相关的几个技术方向做一些展望。

云工作流

开发效率方面，由 Web IDE 发展而来的云开发工具，目前正逐渐成为几个大型厂商探索的方向之一。从开发到部署的完整云端工作流方式在未来可能成为标准。

AI 生成页面

和目前依赖设计资源与开发基建的低代码或无代码开发相比，基于 AI 的生成页面工具（例如微软的 Sketch2Code）可以进一步解放生产力。目前，无论是基于设计稿（Sketch/PSD）的精准生成方式，还是基于草图乃至描述语句的 AI 匹配生成方式，仍有各自的局限性。但是随着 AI 技术的发展，这类产品可能会替代目前前端开发过程中的一些基础重复性工作。

Go/Rust

在构建效率方面，Webpack 5 带来了更完整的缓存策略和代码优化策略，但是从底层性能上，构建工具本身的性能仍然受到 NodeJS 自身语言的限制。从 esbuild 工具的思路出发，基于 Go、Rust 等高性能语言的编译工具在未来或许能成为性能突破点之一。

No bundle & HTTP/3

构建效率另一个方向的发展来自无包构建。尽管无包构建工具在生产环境下仍然采用打包构建的方式，但随着网络技术（例如 HTTP/3）的发展，或许最终可以在生产环境下同样采用无包构建。此外，渐进式的使用方式（例如 vendor 部分打包而源码部分无包使用）也可能很快成为可实现的方向。

总结

本专栏的内容和对未来趋势的展望，希望能在日常工作中带来参考。学习时，需要不断实践，结合具体的场景尝试可行的优化方案。

由于自身在团队中的职责不同，每个开发人员所要学习和侧重的点也不同：

• 如果目前主要做具体项目的开发维护工作，那么分析现有项目的构建工具、构建配置就是一个很好的入手点。通过构建效率模块的相关课程，可以比之前更全面地进行分析和优化。
• 如果目前承担着多个项目的选型与架构工作，开发效率模块的一些视角可以带来思路。
• 如果目前从事的是前端基础建设的相关工作，系列课程中提到的一些新的开发、构建和部署工具也能提供一些着手方向。

前端工程化是一个系统工程，不同的开发人员都可以在团队中找到适合的位置。通过不断地实战开发和经验积累，可以逐步提升对技术的认识，增强技术实力。