王泽+-+中小团队的前端工程化实践.pdfVIP

中小团队的 前端工程化实践 白鹭引擎 首席架构师 / 王泽 为什么选择这个题目 客户端工程化现状 前端工程化“行业”现状 旱的旱死涝的涝死 面向观众 中小型团队研发骨干 什么是“工程化” 一切以提高效率、降低成本、质量保证为 目的的手段，都属于工程化 工程化概述 - 知乎 () 前端工程化的一些原则 • 使用单一技术平台，而非整合一些更好的技术平台（们） • 正面例子：GitLab + GitLab CI+ Gitlab Issue + Gitlab Wiki • 反面例子：GitLab + Jenkins + JIRA + Other Wiki + LDAP 前端工程化的一些原则 • 遵循技术平台的限制，而不是尝试定制符合自己公司需求的工作流 • 对一家中小型企业来说，如果贵公司的工作流和主流技术平台的工作流相违 背，90%的原因是贵公司的工作流有问题，而不是主流技术平台的工作流有 问题。 • 典型案例： • “领导要求把缺陷追踪软件的 【被分配人 】设置成多个人 “ • “错的不是我，是这个世界” 前端工程化的一些原则 • 工程化是用来解决问题的，而不是制造麻烦的。“有多大锅下多少米”。 • 典型案例： • 绝大部分缺陷追踪软件中的时间统计功能对中小型团队而言毫无意义。 工程化两大关键点 • 尽可能的代码复用 • 尽可能的自动化测试 如何更好的实现复用 项目A 项目B 项目C 项目D 自研库 统一的第三方框架 如何更好的实现复用 项目A 项目B 项目C 项目D 组件库 工具函数集 项目通用配置 统一的第三方框架 如何更好的实现复用 • 如何优雅的调用自研库 Project Verdaccio Verdaccio Proxy Packages Npm Packages 如何维护自研库 项目A 项目B 项目C 项目D 组件库 工具函数集 项目通用配置 统一的第三方框架 如何维护自研库 使用 Monorepo 如何维护自研库 备受争议的Monorepo 备受争议的Monorepo 备受争议的Monorepo • 一处代码泄露导致全公司所有项目裸奔。 • 业务代码与框架代码分离 • 一次提交导致构建执行时间超长。 • 增量构建 • 一行代码导致全公司所有项目挂掉。 • 编写自动化测试，规划版本配置。 • 配