前端性能优化四十六：工程化体系定义

(1). 工程化体系定义:

①. 广义上,一切以"提高效率、降低成本、保障质量"为目的的手段,都属于工程化的范畴.

②. 通过一系列的规范、流程、工具达到"研发提效、自动化、保障质量、服务稳定、预警监控"等.

③. 可以借助于Node,将研发链路延伸到整个DevOps中去.

④. 前端工程化指使用软件工程的技术与方法对前端开发的技术、工具、流程、经验、方案等指标标准化:
    a. 模块化
    b. 组件化
    c. 规范化
    d. 自动化

⑤. 目的:
    a. 降低成本
    b. 增加效率

(2). 团队标准:

①. 互联网前端标配:
    组件化、工程化、自动化

②. 规模的团队:
    a. 根据自身业务与梯度来设计符合业务的DevOps流程.

(3). 简单DevOps:

①. 常规基建:
    a. 组件库 + 脚手架 + 工具库 + 模板 + CLI

②. Git Flow:
    a. 通过常规Git Flow工作流,不同branch不同功能 + Code Review

③. CICD:
    a. Webhook +脚本

④. 说明:
    a. 上述DevOps流程,作为小型团队搭建工程化的起点,性价比极高.
    b. 在团队没有制定规则,也没有基础建设时,通常先从最基础的CLI工具开始然后切入到整个工程化的搭建.

(4). 个人发展:

编写业务代码  =>  使用前端工程化解决生产问题  =>  前端架构设计  =>  技术管理岗晋升

---

(5). 业务痛点:

随着需求迭代的步伐加速,可能会产生以下问题

①. 构建配置、打包配置、公共组件、工具函数等代码片段,每次新开项目都要复制粘贴

②. 团队成员的编码风格大相径庭,导致从仓库拉取下来的代码运行起来让控制台一片红

③. 团队协作的规范、环境、模块、仓库和文档,太多基建措施导致团队新成员无从入手

④. 随着需求迭代引起项目结构与工程文件不断变化,处理不当让项目直接走向重构道路