工程化工作简述

自此，我们已经完成前端的标准化工作，制定了一套相对完整的、涵盖项目迭代周期的 SOP。不过，正如《前端工程化概述》 所说的——标准化仅是工程化的前置条件。真正的工程化还需要将 SOP 所规定的内容转化为项目架构、自动化脚本、CI/CD 等。

工程化所要做的事情

工程化是对 SOP 中可以脚本化自动化的工作项的提炼，是 SOP 的补充扩展以及完善。两者密不可分，相辅相成。

要分析工程化要做哪些事情，我们就需要回顾一下 SOP 中有哪些内容是可以脚本化自动化的。下面，我们简单列举一下：

1. 编码风格校验

在编码规范章节中，我们对代码编码风格做了详尽的规定。对于这些规定，我们可以借助 ESLint、Prettier、lint-staged 等工具进行自动化检查。

2. git commit message 校验

在 git commit 规范章节中，我们规定了 git commit 的格式。借助 husky 等工具，我们可以实现 对 commit message 的格式进行检查。

3. 分支管理控制

在分支管理章节中，我们规定了如何管控分支代码，如何进行代码合并以及代码审核流程等。对于这些工作，我们可以借助 DevOps 工具搭建 CI/CD 脚本进行自动化控制。

4. 项目部署自动化

同样的，对于项目部署的部分环节，我们也可以借助 DevOps 工具的 CD 脚本实现自动化部署。

5. 自动化测试脚本保障代码质量

在开发流程章节，我们提到可以借助单元测试、集成测试、端到端测试等手段保证代码质量。对于这些测试手段，我们可以借助 Jest、Mocha 等工具进行自动化测试。

6. 搭建高效的开发环境

除开 SOP 提及的内容，工程化固然少不了前端项目架构的搭建。借助 Webpack、Vite 等工具搭建高效的开发环境，提升开发效率，实现性能优化。

写在最后

前端工程化所要做的事情远不止这些，具体取决于团队制定的 SOP 以及需要采用的技术栈。以上这些内容是前端工程化基本都要做的事情。在接下来的章节中，我们将逐步实现这些内容，完成一个完整的前端工程化实践。