前端工程化

2018-10-03 18:00:27来源：博客园阅读 ()

前端工程化

背景

前端工程化的概念近两年来被广泛的提及，究其原因，是前端工程师所负责的客户端功能逻辑在不断复杂化。PC网站、手机应用、桌面应用、微信小程序，前端开发的应用领域越来越广，前端工程师这个职位也不再是几年前被戏称的“切图仔”，在这种背景下，前端工程化应运而生。

聊到前端工程化，必然会有一些问题，本文会带着这几个问题去介绍前端工程化。

什么是前端工程化？
为什么要做前端工程化？
前端工程化怎么做？
现有的前端工程化产品？

什么是前端工程化？

要知道什么是前端工程化，先来看看什么是工程化，维基百科对工程化的定义：

工程学、工程科学或工学，是通过研究与实践应用数学、自然科学、社会学等基础学科的知识，来达到改良各行业中现有材料、建筑、机械、仪器、系统、化學和加工步骤的设计和应用方式一门学科。实践与研究工程学的人叫做工程师。

在前端领域，工程化是根据业务特点，将前端开发流程规范化，标准化。前端工程化包括开发流程、技术选型、代码规范、构建发布、性能优化、前端监控等内容，主要目的在于制定标准和提升效率。

为什么要做前端工程化？

1990年诞生的网页脚本语言只能用于简单的表单校验，Web开发主要是后端开发。
2005年，AJAX异步请求技术改变了网页的交互模式，用户对网站的需求越来越多，客户端开发稍微重要了一些。
2008年，Google推出V8引擎之后，浏览器性能大大提升，前端工程师承担起了客户端的交互、UI和逻辑的开发，工作职责进一步扩大。
2009年，Node问世将Javascript带到了服务端开发领域，“大前端”模式下前端工程师也能涉及服务端领域了。
近年来SPA应用的发展，React和Vue等框架的流行，大大提升了前端开发的效率。
NodeJs快速发展，开发出了许多工具提升前端开发效率。
随着互联网的发展，用户量越来越大，各大公司开始关注网站的性能和稳定性。
针对这些需求，需要对前端开发进行规范化、流程化、自动化，前端工程化就显得尤为重要。