工程化介绍

原文链接:https://note.noxussj.top/?source=sifo

什么是前端工程化?

前端工程化是一种思维,而不是某种技术。次要目标是为了提高效率和降低成本,也就是说在开发的过程中能够进步开发效率,缩小不必要的重复性工作等。

这种最多也只能称为建房子,而建筑工程却不一样,依照工程的流程应该是这样的,首先会画图纸、确定房子的构造、确定用料和估算以及工期,另外须要用到什么工种以及多少工人等等,个别都是先打地基在建框架再填充墙体,这样捡起来的房子才会更加的巩固。

呈现问题也能够疾速定位到源头和负责人。这里只是举个例子,我也没有做过建筑工程。

借鉴下面的工程化思维,能够得进去咱们前端工程化须要具备模块化、组件化、规范化、自动化四个方面。


模块化

模块化就是把一个大的文件,拆分成多个相互依赖的小文件,依照一个一个模块来划分。在前端畛域上就是把 JS 简单的逻辑代码拆分成多个简略的模块,在组合成一个性能。


组件化

跟模块化很相似,在前端畛域上,例如页面就能够看成是一个大的组件,这个大的组件能够拆分成多个中型组件,中型组件还能够持续在拆分成多个小型组件。

组件化 ≠ 模块化。模块化只是在文件层面上,对代码和资源进行拆分。组件化是在设计层面上,对 UI 视图局部的拆分。


规范化

在我的项目布局初期制订的好坏对于前期的开发有肯定影响。

蕴含以下标准:

  • 目录构造的制订
  • 编码标准
  • 前后端接口标准
  • 文档标准
  • 组件治理
  • Git 分支治理
  • Commit 形容标准
  • 定期 codeReview
  • 视觉图标标准

自动化

也就是简略反复的工作交给机器来做,自动化也就是有很多自动化工具代替咱们来实现,例如继续集成、自动化构建、自动化部署、自动化测试等等。


原文链接:https://note.noxussj.top/?source=sifo