前端工程化:使用软件工程的技术和方法进行前端项目的开发、管理和维护。

    基础:前后端分离

    目的:

    • 开发效率
    • 可扩展性
    • 可用性
    • 稳定性
    • 可维护性

    内容:

    • 开发
      • 模块化
      • 组件化
    • 构建
      • 编译 babel
      • 构建工具 webpack、rollup 等
    • 测试
      • 自动化测试
    • 部署
      • CI / CD
    • 监控
      • 错误日志监控
      • 安全防控
      • 性能检测
    • 多人协作
      • 编码规范
        • 目录结构
        • 命名规范
        • 编码规范:ESLint、Prettier
      • 组件规范
        • 无状态组件
        • UI 组件
        • 业务组件
        • 组件库管理
      • 接口约定
      • Git 版本控制
        • 分支管理
        • commit 规范
        • MR
      • 文档规范
        • 需求文档
        • 设计文档
        • 测试文档
      • 开发流程
        • 敏捷管理
        • code review
    • 开发工具