大前端之工程化

根据我个人理解，所谓工程化可以理解为项目的组织能力，最基本几步是目录结构、构建工具、编码规范和代码审查等。

目录结构

以一个vue项目为例：

目录

项目按照功能的不同将文件分门别类的存放在不同的目录中。

---

构建工具

在搭建项目的时候，我们会进行一些静态文件合并、文件大小压缩、项目打包、编译模块等操作，如果每次都去手动完成操作的话，效率会比较低下，于是此类工作完全可以交由工具来完成，将常用的操作用构建工具配置起来，要用的时候只需要通过简单的命令就可以让程序运行起来。

---

编码规范

在大型项目的开发过程中，会涉及到很多人同时开发，而每个人的开发习惯都是不同的，如果不加以约束就会导致项目后期难以维护，所以在开发之前应当制定好合适的开发规范，保证编码风格的统一，这样有利于提高代码的可读性和可维护性，可大大节约后期维护成本。

---

代码审查

这一步也是必不可少的，它可以提高代码的健壮性。当分支代码新增功能开发完成后，需要提交合并到主线时，这时应该进行代码审查，比如查看功能代码是否正确、编码是否规范、单元测试是否添加等，如果审查不通过硬拒绝合并请求，待开发人员修改完成至审查通过才允许提交合并。

---

项目部署

经过之前的审查之后，还不能保证代码就能真正上线使用，这时还需要将项目部署到测试环境进行测试，测试环境没问题之后再部署到生产环境进行线上测试，最后才真正的上线使用。