前端基础建设与架构 30 讲 | 完结

从工程化到架构设计，一次搞定前端基础设施建设
快速发展的红利，批量劣汰的挑战；与生俱来的混乱，同混乱抗衡的规范，这些都是前端岗位无法逃避的现状。

有人说，做好业务支撑是活在当下，而做好技术基建，是活好未来。当业务量到达一定量级，妄想依靠“加班”“压榨”这种出蛮力的方式来做好业务会十分困难且危险。

成为“规范制定者”、成为“思考者”，像架构师一样思考问题，你才能成为“优胜者”。

专栏内容不是简单的思维模式输出，不练习题是纯粹阳春白雪的理论，也不是社区搜索即得的 Webpack 配置罗列和原理复述。而是从项目中的痛点提取基础建设的意义，从个人发展瓶颈总结工程化架构和底层设计，专栏将从五个方面带你剖析前端基建：

第一部分，前端工程化管理工具：专栏会以 npm 和 Yarn 包管理工具切入工程化主题，以 Webpack 和 Vite 构团队开发建工具加深你对工程化的理解。这里不会枯燥地枚举某项工具的优缺点和基本使用方式，而是深入几项极具代表性的技术原理和演变。只有吃透这些内容，才能真正理解工程化架构和工具选型。

第二部分，现代化前端开发和架构生态：专栏将一网打尽那些大部分开发者每天都会接触到，但很少真正理解的知识点。这部分内容能够帮助你培养前端工程化和基础建设的整体思想，这些知识也是设计一个公共库、主导一项技术方案的基础。

第三部分，核心框架原理与代码设计模式：我们一起来体验经典代码，设计模式和数据结构的艺术。通过学习经典思想和剖析源码内容，你会对优秀框架有深层次的理解，当你有能力开发自己的框架工具，或者学习其他框架时都很有帮助。

第四部分，前端架构设计实战：专栏会一步一步带领你从 0 到 1 实现一个完整的应用项目或公共库。这些工程实践并不是社区上泛滥的 Todo MVC，而是代表先进设计理念的现代化工程架构项目（比如设计实现前端 + 移动端离线包方案等）。在这一部分，专栏也会对编译和构建、部署和发布这一热门话题进行重点讨论。

第五部分，前端全链路——Node.js 全栈开发：这一部分将以实战的方式，灵活运用并实践 Node.js。重点会放在 Node.js 的应用层面和建设发展话题上，比如设计并完成一个真正意义上的企业级网关，这是对前端开发能力的综合培养；再比如带你研究并实现一个完善可靠的 Node.js 服务系统，让你能够真正在团队中落地 Node.js 技术，不断开疆扩土。