工程化
前端工程化其实就是利用工具链解决前端在开发过程中提升效率和质量的问题
主要可分三部分
- 质量，通过各种方式提升以及稳定质量。
- 效率，通过改造现有模式或引入新的技术栈，提升新增需求或现有代码维护的效率。
- 积累，经验沉淀，无论研发还是维护，质量还是效率，都有模式可循，沉淀积累及普及推广，团队与公司都将受益。
一般涉及的内容
- 脚手架与环境配置
- 业务需求流程
- 研发流程
- Git 规范
- 代码审查
- 前端编码规范 code-style
- 代码质量管理 lint
- 持续集成、持续交付（CI/CD）
- APM 应用性能管理
- 性能优化/代码重构
- 最佳实践
前端工程质量
有哪些可以做的？
- 自动化测试、静态代码检查、项目配置检查、CodeReview
- 网络链路统一、监控告警实施、支持制品灰度发布、缓存问题处理
- 底层库维护优化、构建稳定性优化、缓存问题处理
已经做的
- 自动化测试
- 静态代码检查
- CodeReview
- 服务稳定性
- 网关、网络链路
- 监控告警
- 全应用、全时段覆盖
- 构建部署稳定性
- 项目维护稳定性
- 基础库维护 monorepo
- 项目应用 业务隔离、应用分拆
- 项目优化
- 性能优化
- 体积优化
- 前端质量平台
- 代码质量评分
- 构建质量评分
- 性能质量评分
- 真实指标评分
前端工程效率
有哪些可以做的？
- 产研流程层面效率
- 产品流程
- UED 流程
- 前端研发流程
- 前后端联调流程
- API 文档契约平台
- 测试流程
- CI/CD 发布流程
- 线上维护流程
- 监控告警平台
- 迭代优化流程
- 研发技术层面效率
- 技术栈收敛，统一技术栈、组件库
- 构建安全优化
- 构建速度优化
- 基础组件库
- UI 组件库
- 场景库
- 低代码平台
前端技术积累
前端实践与技能提升
- 常见问题、故障汇总（沉淀经验）
- 前端计划分享与话题学习
参考