前端工程化可以提升前端工程师的工作效率，本书全面、系统地介绍了前端工程体系各个环节的设计要点和实践经验，引导读者深入思考并积极实践。

周俊鹏
1987年生人，天蝎座，5只猫和1只狗的铲屎官，大前端（客户端+Web Service）践行者。主要研究方向为前端工程化和Web应用层架构，好于研究事物的本质，并且乐于从宏观的角度解决问题。时任搜狗地图Web前端开发主管。

前言


前端工程师这一岗位最初被独立分化出来专注于网页样式（CSS）的制作，目的是为了令Web开发者将更多的精力投入负责的业务逻辑中。然而随着Web技术的发展以及PC、移动智能终端设备性能和功能的提升，用户对于网站的需求也不断增加。市场的需求促进技术的革新，对于前端工程师的要求早已不仅仅是编写CSS了。资源的多样性和逻辑的复杂性一度令前端开发工作异常烦琐且难以维护，工作效率的降低直接导致Web产品的迭代速度变慢，前端工程化便是在此时代背景下应运而生的。
事实上，前端工程化目前的形态和生态仍然处于非常原始的阶段。每个团队甚至每个人由于存在研究领域（比如业务层和框架层）和业务类型（比如Google Map与淘宝）的差异，从而对前端工程化有不同的需求和定位。本书将前端工程化解读为一系列规范和流程的集合，它不是一个框架或者工具，聚焦的不是某个垂直的研究领域或者特殊的业务类型，而是一种可演化、可扩展的服务，服务的目标是解决前端开发以及前后端协作开发过程中的难点和痛点问题，涵盖项目的起始、开发、测试以及部署环节。工具是前端工程化的实现媒介，规范是工程化的指导方针，工作流程是工程化的外在表现形式以及约束规范的载体。
本书通过解析一个Web项目迭代过程中前端开发者面临的诸多问题，从工程化的角度给出对应的解决方案，最终将各个环节串联为完整的工作流。希望读者通过阅读本书可以对前端工程化要解决的问题有大致的了解，从而能够对读者自行实现工程化方案有所帮助。
目标读者
本书的主要目标读者是对前端工程化有一定理解和实践的中高级前端工程师，同样适用于对前端工程化感兴趣的服务器端开发者以及运维人员。本书假设读者熟悉Web站点的基本工作原理，尤其是前端与服务器端之间的协作流程，并且对HTTP协议、异步通信、模块化等知识有深入的理解。
示例代码
本书选取了一个简易的前端工程化解决方案Boi作为示例，这并不是一个完整形态的解决方案，但是它的许多理念可以作为论证本书观点的参考。读者可以从GitHub上获取其源码：https://github.com/boijs/boi。
内容概览
本书第1章以前端工程师从无到有直至发展至今的历程作为后续内容的起始。从历史中我们提炼出前端开发人员在一个Web项目迭代周期各个阶段面临的诸多问题，这些问题是前端工程化诞生的催化剂，也是指导工程方案设计的本源。之后，我们会按照Web项目从起始到发布的流程分别介绍前端工程化在各个阶段的需求和功能设计，比如脚手架在项目初期减少了重复的体力操作并且降低了业务框架学习成本；构建系统从编程语言、优化和部署 3 个角度解决了前端开发语言内在的缺陷以及由宿主客户端特性引起的开发和生产环境之间的差异性；本地开发服务器提供了前后端并行开发的平台；部署功能权衡速度、协作和安全，把控着Web产品上线前的最后一道关卡。最后将这些功能模块合理地串联为完整的工作流，便是前端工程化的完整外在形态。
前端工程师的定位在不同的年代甚至不同的团队中存在着巨大的差异，即使仅以目前的时间节点为标准也难以给前端工程师一个绝对明确的定义。岗位职责的变化促进了工程体系的演进，所以本书在最后的章节中阐述了一些对前端工程师未来定位的思考，同时探讨了与之对应的前端工程体系的演进形式。
以下是分章节介绍：
 第1章 前端工程简史 讲述前端工程师的发展史、在团队中的定位，以及前后端分离和前端工程化的进化历程与基本形态。
 第2章 脚手架 讲述作为前端项目起始阶段取代烦琐人工操作的脚手架必须具备的要素以及本质，通过剖析目前市面上的经典案例讲解实现脚手架过程中需要考虑的要点以及如何集成Yeoman到工程化方案中。
 第3章 构建 讲述构建系统面临的问题以及对应的解决方案。构建是前端工程体系中功能最多、最复杂的模块，也是串联本地开发服务器、部署的关键，是实现工作流的核心模块。
 第4章 本地开发服务器 讲述如何以Mock服务实现前后端并行开发，以及配合动态构建进一步提升前端工程师的开发效率。
 第5章 部署 讲述部署功能如何权衡速度、协作和安全3个重要原则，以及前端静态资源特殊的部署策略。
 第6章 工作流 讲述如何将既有的功能串联成完整的工作流。以速度见长的本地工作流和注重严谨的云平台工作流，两者各有优劣，适用于不同需求和不同规模的团队。
 第7章 前端工程化的未来 讲述前端工程师如何选择进阶的方向以便适应未来的变化。前端工程化是服务于前端开发的，前端工程师定位的改变必然会引起工程化方案的调整。本章通过分析未来工程化不变和可变的方面，探讨前端工程化未来的表现形式。
“前端工程化系列”丛书
本书是“前端工程化系列”丛书之一，着重讲述辅助性质的工程体系设计和实践过程。前端工程化可以简单地理解为前端架构与工程体系的综合体，两者相辅相成。本系列丛书的后续作品将从综合的角度深层剖析架构与体系之间的关联及融合，讲述如何从宏观的角度打造合理的前端工程化生态。感兴趣的读者可以关注本系列丛书的相关动态。
联系作者
如果您在阅读过程中有任何问题，可以发送邮件到作者的个人邮箱：zjp0432@163.com。
致谢
感谢我的同事和领导在我创作本书期间给予的建议和支持。特别感谢我曾经的技术领导元亮，在与他共事期间我于前端工程领域的探索和研究得到了充分的空间和资源。
感谢电子工业出版社博文视点的编辑付睿，她在编辑和审校本书期间提出了宝贵的意见。
最后，感谢我的朋友、父母以及妻子刘女士在我创作本书期间给予的空间和支持。
读者服务
轻松注册成为博文视点社区用户（www.broadview.com.cn），扫码直达本书页面。
 提交勘误：您对书中内容的修改意见可在 提交勘误 处提交，若被采纳，将获赠博文视点社区积分（在您购买电子书时，积分可用来抵扣相应金额）。
 交流互动：在页面下方 读者评论 处留下您的疑问或观点，与我们和其他读者一同学习交流。
页面入口：http://www.broadview.com.cn/33090