【备战春招】第4天 开发如剑，测试如具，调试如诊

课程名称：6大角度 开拓前端进阶之路

课程章节：第5章 场景三：开发如剑，测试如具，调试如诊

课程讲师： Brian

课程内容：

4-1 前端工程化工具介绍
什么是前端工程化？
前端工程化 是指将前端开发的流程规范化、标准化、包括开发流程、技术选型、代码规范、构建发布等等，用于提升前端工程师的开发效率和代码质量。
webpack 属于构建发布。

为什么要前端工程化？

• 复杂度高：前端项目的多功能、多页面、多状态、多系统
• 规模大：团队开发，多人协作，代码质量管理
• 要求高：页面性能优化（CDN/异步加载/请求合并），CSS兼容性，单页面应用，服务端渲染…

怎么做到前端工程化？

• 从业务着手
  简单的单页面应用，使用gulp打包+同步工具实现开发全流程
• 从复杂度考虑
  框架最终要服务于我们的项目，而非累死累活的去维护框架
  jenkenis(cli工具) git/gitlab(版本控制工具) webpack(前端构建工具) React/Vue/Angular(生态丰富的前端框架)
• 从已知向未知扩展
  不同的技术有不同的适应点，选择适合的才是最好的。

例子：
某公司，后台PHP，前端引入vue或react。经常多一个逗号，少一个逗号
考虑

• 前后端技术是否更好的融合
• 前后端分离，接口安全性
• vue或react是否适合制作静态页面
• php是否更好的集成

最佳实践
组件化（前端模块可以复用），脚手架（代码成为一种框架，在多个项目同时使用），工程化的cli工具提高我们项目构建发布的效率。
git flow 配合着 团队协作里面关于代码管理部分非常重要的流程。包括分支的创建，代码的合并，自动化的发布。
webpack 构建工具。不用关心代码的检查，代码的压缩，预编译。
Jenkins+Docker 合理的构建和发布工具能够让我们的代码在一个稳定的环境，在自动化的流程下创建和发布。配合前端项目，很快的构建出测试环境，用户环境，开发环境。

课程总结：