对于前端工程化的理解

Youky ... 2021-10-11 前端
  • 前端工程化
Less than 1 minute

# 对于前端工程化的理解

# 模块化

文件组织的角度,把大文件拆分为多个互相依赖的小文件。

# 组件化

设计的角度,将 UI 从大到小进行拆分。

一个页面是一个大的组件 => header、footer、sidebar 等等中等组件 => 按钮、输入框等小组件

# 规范化

在项目的规划阶段,制定好统一的规范,包括:

  • 目录结构的规范
  • 编码规范(eslintprettier
  • git 分支(feature 分支、bug 分支、测试分支、发布分支)
  • git 提交规范(commit 信息格式、husky 做提交前检测)
  • 组件划分(组件拆分的颗粒度、公共组件的设计)
  • 定期的 code review
  • 文档的规范

# 自动化

将重复性工作交由机器自动完成,如:

  • 自动化测试
  • 自动化部署
Last update: October 16, 2022 21:28
Contributors: Youky , youky7