工程化
前端工程化是指通过 一系列工具、技术和最佳实践来提高前端开发的效率、可维护性和可扩展性.
它涵盖了从项目搭建、开发、测试到部署的整个生命周期
技术选型
- 可控性
团队技术人员是否了解框架实现原理, 能否处理框架层面的 bug
例如内部魔改的 各种版本
- 稳定性
社区活跃度, 周边生态是否完善
官方文档是否齐全
待处理问题数量, 且是否有持续跟进
技术更新迭代稳定, 较少的破坏性更新
- 易用性
团队成员上手难易程度
以及未来考虑招人是否能接手
不同地域使用的技术栈也有差异, 比如 vue 与 react
不同技术栈使用难度像 redux-thunk 与 redux-saga 这两个用于解决 异步 dispatch 的库
规范统一
- 代码规范
命名规范, 包含目录、文件、代码命名
注释规范
引入 prettier 代码格式统一
引入 eslint 遵循统一的 airbnb 规范
引入 Stylelint 检查 css 代码规范
- 开发规范
[Git flow 规范](./Abstract.html#Git flow)
commit 规范
- UI 规范
组件化
测试
单元测试
E2E 测试
端到端测试