前端工程化

今天在字节 ByteTech 看到一篇文章介绍了前端工程化，讲的挺全面挺好的，下面梳理一下我对这方面的认知

什么是前端工程化？

我理解的话是：可以提高效率、质量、性能的
方法，可以实现项目的高效性、稳定性、可用性以及可维护性

使用规范、工具来实现目标

规范

规范可以提高效率、可以让新人更好上手、可以提高代码的可维护性

代码规范

样式、编码、命名、文件结构

流程规范

开发、文档、CR、监控、联调、上线、复盘、测试

业务规范

UI 交互、埋点

开发

技术选型

代码重构迁移等，比如 webpack -> vite, js -> ts, 分散的子应用 -> Monorepo 仓库, 沉淀通用组件、util、ahooks，lodash 等

收益：提高开发体验和效率，比如 monorepo 减少了来回切项目的时间、解决模块难服用的问题

测试

UI 自动化测试降低人工反复测试的成本，单元测试保障核心代码不出问题

监控

通过性能监控平台，可以提前发现线上问题；业务埋点监控，可以追查用户链路，以及辅助产品决策