技术大佬们都在谈前端工程化，到底在聊什么？

2019 年 4 月 19 日 InfoQ

目前来说，Web 业务日益复杂化和多元化，前端开发已经由以 WebPage 模式为主转变为以 WebApp 模式为主了。现在随便找个前端项目，都已经不是过去的拼个页面 + 搞几个 jQuery 插件就能完成的了。工程复杂了就会产生许多问题，如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？

前端工程化就在这个快速发展的时代下，应运而生。它存在的目的就是为了提高效率、节约成本。前端工程化是前端业务以及技术架构复杂度提升导致的必行之路，然而工程化并不是普适的技术或者理论，业务类型、场景、技术架构甚至团队组织架构均是决定工程化具体形态的必要因素。换句话讲，工程化是与实践密不可分的。

GMTC 全球大前端技术大会北京站特别设置了【前端工程化】专场，邀请了来自阿里巴巴的高级前端技术专家朱华军（阿大）担任专场出品人，为大家精心挑选了包括阿里、京东、快手在内的巨头互联网公司的工程化实战案例，可谓精彩多多，不可错过。部分精彩议题如下：

1 从一到无穷大：前端工程化中的实践与臆测

内容简介：

前端从最开始作为一个职责单一、配合型、边缘化的工种，经历了 PC 时代的前后端分离，到移动时代的多端开发，直到 Node.js 时代，工具与框架百花齐放，JS 似乎无所不能。而作为前端开发者手中的成长型武器 -- 前端工程，也在一步步升级进化。作为阿里巴巴历史最为悠久的 B 类业务事业部门，我们完整经历了以上各个历史阶段，并在从工具链到平台化再到云 + 端的研发工具演进实践中，逐步探索着前端工程化的更多可能。

演讲提纲：

1. 前端演进历史中前端职责与开发方式的转变

2. 阿里巴巴 B 类事业群前端工程的演进

（1）工具链时代（2）平台化时代（3）云 + 端时代

3. 前端工程中的实践批判

（1）【稳定 VS 高效】版本管理设计 & 卡点设计

CDN 资源版本控制实践
代码检查卡点设计

（2）【标准 VS 定制】研发流程设计

基于BPMN 的研发流程定制实践

（3）【多样 VS 易用】脚手架设计 & 构建服务设计

渐进式脚手架设计
云构建服务设计实践

4. 工程未来的一些臆测

2 京东购物小程序工程化之路

内容简介：

京东购物作为第一批上线的微信小程序之一，两年多以来在工程化上的探索从未间断过。从最初的 Gulp 构建，到现在的自研 CLI 工具、持续集成系统，需要手工进行的操作大大减少，使得团队成员能够更加专注于业务开发。与此同时，我们在性能提升、多端支持、团队协作、自动化测试、监控告警等方面也有不少的尝试和积累，本次演讲将为大家带来完整剖析。

演讲提纲：

1. 项目初态

(1) 使用 Gulp、Gitflow、ESLint 搭建的工作流(2) 制定开发规范

2. 困难与挑战

(1) 手工操作过多(2) 多个项目间的代码难以复用

3. 模块化之路

(1) 公共模块 npm 包的统一管理(2) 多端方案 Taro、Wqvue(3) 自研 CLI 工具(4) 基础流程插件化

4. Node.js 数据层实践

(1) 精简小程序前端代码，性能优化(2) Hawaii 数据聚合方案

5. 持续集成系统

(1) Gitflow 工作流自动化

(2) 沙盒自动化测试