1.什么是前端工程化
自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常原始的“切图（FE）-套模板（RD）”的开发模式，这种模式下的前端开发虽说不是刀耕火种的原始状态，但是效率非常低下。
前端的工程化问题与传统的软件工程虽然有所不同，但是面临的问题是一样的。我们首先回顾一下传统的软件开发流程模型：
上图中的运行和维护并不是串行关系，也并非绝对的并行关系。维护贯穿从编码到运行的整个流程。
如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说是面向编码的，那么工程化要解决的是如何提高整个系统生产效率。所以，与其说软件工程是一门科学，不如说它更偏向于管理学和方法论。
具体到前端工程化，面临的问题是如何提高编码-测试-维护阶段的生产效率。
可能会有人认为应该包括需求分析和设计阶段，上图展示的软件开发模型中，这两个阶段具体到前端开发领域，更恰当的称谓应该是功能需求分析和UI设计，分别由产品经理和UI工程师完成。至于API需求分析和API设计，应该包括在编码阶段。
2.前端工程化面临的问题
要解决前端工程化的问题，可以从两个角度入手：开发和部署。
从开发角度，要解决的问题包括：
提高开发生产效率；
降低维护难度。
这两个问题的解决方案有两点：
制定开发规范，提高团队协作能力；
分治。软件工程中有个很重要的概念叫做模块化开发其中心思想就是分治。
从部署角度，要解决的问题主要是资源管理，包括：
代码审查；
压缩打包；
增量更新；
单元测试；
要解决上述问题，需要引入构建/编译阶段。
2.1开发规范
开发规范的目的是统一团队成员的编码规范，便于团队协作和代码维护。开发规范没有统一的标准，每个团队可以建立自己的一套规范体系。
值得一提的是JavaScript的开发规范，尤其是在ES越来越普及的局面下，保持良好的编码风格是非常必要的。
2.2模块/组件化开发
2.2.1模块还是组件？
很多人会混淆模块化开发和组件化开发。但是严格来讲，组件（