什么是前端工程化
什么是前端工程化？
是指将前端开发的流程规范化、标准化、包括开发流程、技术选型、代码规范、构建发布等，用于提升前端工程师的开发效率和代码质量。
为什么要前端工程化？
- 复杂度搞：前端项目的多功能、都页面、多状态、多系统；
- 规模大：团队开发，多人协作，代码质量管理；
- 要求高：页面性能优化（CDN / 异步加载 / 请求合并），CSS 兼容性、单页面应用、服务端渲染...
怎么做到前端工程化？
从业务着手：简单的单页面应用，使用 Gulp + 同步工具实现开发全流程。
从复杂度考虑：框架最终要服务于我们的项目，而非累死累活的去维护框架。
- Jenkins；
- Git/Gitlab;
- Webpack;
- React/Vue/Angular;
- 从已知向未知扩展：不同的技术有不同的适应点，选择适合的才是最好的。
考虑：
- 前后端技术是否更好的融合；
- 前后端分离，接口安全性；
- Vue 或 React 是否适合制作静态页面；
业务、技术上说服多用数字证据说话。
团队的吸收能力、学习能力、知识拓展能力。
往好的方向去考虑事情、往好的方向营造这个氛围、往好的方向扩展我们的知识。
一、开发流程
- 需求分析；
- 版本控制；
- 缺陷管理；
- 文档管理；
- 自动化；
- 性能测试；
- 发布部署；
二、技术选型
- UI 框架：
- Element UI;
- Ant;
- IView;
- Mint;
- Cube;
- JS 框架：
- MVVM;
- Template:
三、代码规范
- 标准：
- Standard;
- airbnb;
- Prettier;
- 公司：
- 谷歌；
- 百度；
- 腾讯；
- 美团；
- 饿了么；
- 模块化：
四、构建发布
- Jenkins;
- Webpack;
- Gulp;
- Yarn;
- Docker;
- Rancher;
- Kubernetes;
- Harbor;
- ECS;