hero

前端工程化详解

力求打造一份开箱即用的前端工程化方案

快速上手 →

项目立项

建立团队基本流程:包括产研流程、知识协同、技术选型、交付标准等。

代码质量

确定代码标准和约束工具:包括代码规范、lint工具、版本控制、代码review等。

工程搭建

选择合适的工具和框架:包括构建工具、脚手架、调试工具等。

组件建设

提高代码可复用和可维护性:包括组件化方案、组件规范、组件设计等。

测试保障

实施自动化测试:包括单元测试、集成测试、代码覆盖率检查、代码静态分析等。

CI/CD

持续集成和部署:包括持续集成、自动化部署、版本管理、回滚机制等。

整体优化

实现性能优化和资源管理:包括构建优化、资源优化、CDN加速、缓存控制等。

安全保障

完善网站安全性:包括资源保障、常见安全问题等

页面监控

持续监控性能和异常:包括性能监控、异常监控、白屏监控、卡顿监控、用户行为监控等。

# 目录(持续更新中)

持续更新中

# 进度

  • [x] 项目立项
  • [x] 代码质量
  • [x] 代码规范
  • [x] 工程搭建
  • [x] 组件建设
  • [x] 测试保障
  • [x] CI/CD
  • [x] 整体优化
  • [x] 页面监控
  • [x] 安全保障
  • [x] 跨平台方案
  • [ ] 组件库搭建
  • [x] 微前端
  • [ ] 可视化平台
  • [ ] 低代码平台

# 致谢(以下排名不分先后)

# License

MIT