前端工程化
前端工程化
背景
前端工程化的概念近两年来被广泛的提及，究其原因，是前端工程师所负责的客户端功能逻辑在不断复杂化。PC网站、手机应用、桌面应用、微信小程序，前端开发的应用领域越来越广，前端工程师这个职位也不再是几年前被戏称的“切图仔”，在这种背景下，前端工程化应运而生。
聊到前端工程化，必然会有一些问题，本文会带着这几个问题去介绍前端工程化。
- 什么是前端工程化？
- 为什么要做前端工程化？
- 前端工程化怎么做？
- 现有的前端工程化产品？
什么是前端工程化？
要知道什么是前端工程化，先来看看什么是工程化，维基百科对工程化的定义：
工程学、工程科学或工学，是通过研究与实践应用数学、自然科学、社会学等基础学科的知识，来达到改良各行业中现有材料、建筑、机械、仪器、系统、化學和加工步骤的设计和应用方式一门学科。 实践与研究工程学的人叫做工程师。
在前端领域，工程化是根据业务特点，将前端开发流程规范化，标准化。前端工程化包括开发流程、技术选型、代码规范、构建发布、性能优化、前端监控等内容，主要目的在于制定标准和提升效率。
为什么要做前端工程化？
1990年诞生的网页脚本语言只能用于简单的表单校验，Web开发主要是后端开发。
2005年，AJAX异步请求技术改变了网页的交互模式，用户对网站的需求越来越多，客户端开发稍微重要了一些。
2008年，Google推出V8引擎之后，浏览器性能大大提升，前端工程师承担起了客户端的交互、UI和逻辑的开发，工作职责进一步扩大。
2009年，Node问世将Javascript带到了服务端开发领域，“大前端”模式下前端工程师也能涉及服务端领域了。
近年来SPA应用的发展，React和Vue等框架的流行，大大提升了前端开发的效率。
NodeJs快速发展，开发出了许多工具提升前端开发效率。
随着互联网的发展，用户量越来越大，各大公司开始关注网站的性能和稳定性。
针对这些需求，需要对前端开发进行规范化、流程化、自动化，前端工程化就显得尤为重要。
前端工程化的主要目标是解放生产力、提高生产效率。通过制定一些列的规范，借助工具和框架解决前端开发以及前后端协作开发过程中的一些痛点及难点问题。
前端工程化如何做？
根据开发流程和功能模块，可以将前端工程化分为工具、框架、流程、部署、性能、监控6个方面去介绍，前端工程化主要从这6个方面对前端开发进行规范化、流程化、自动化。
- 工具
- 框架
- 流程
- 部署
- 性能
- 监控
前端工程化产品
文章首发于我的Github：前端知识体系