对于前端工程化的理解
Youky ... 2021-10-11 Less than 1 minute
# 对于前端工程化的理解
# 模块化
从文件组织的角度,把大文件拆分为多个互相依赖的小文件。
# 组件化
从设计的角度,将 UI 从大到小进行拆分。
一个页面是一个大的组件 => header、footer、sidebar 等等中等组件 => 按钮、输入框等小组件
# 规范化
在项目的规划阶段,制定好统一的规范,包括:
- 目录结构的规范
- 编码规范(
eslint
、prettier
) - git 分支(feature 分支、bug 分支、测试分支、发布分支)
- git 提交规范(commit 信息格式、
husky
做提交前检测) - 组件划分(组件拆分的颗粒度、公共组件的设计)
- 定期的 code review
- 文档的规范
# 自动化
将重复性工作交由机器自动完成,如:
- 自动化测试
- 自动化部署