前端工程化

参考大佬文章；

概念：

• 前端工程化：可以理解为使用软件工程的技术和方法来进行前端项目的开发、维护和管理
• 软件工程：应用计算机科学理论和技术以及工程管理原则和方法，按预算和进度，实现满足用户要求的软件产品的定义、开发、和维护的工程或进行研究的学科

组成部分：

可以理解为模块化、组件化、规范化、自动化

• 模块化
  • 模块化就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载
    • 资源模块化（webpack)，优点：依赖关系单一化，资源处理集成化，项目结构清晰
    js模块化(CommonJS, CMD,AMD, webpack, babel, <script type="module" />）
    • css模块化  css modules
• 组件化
  • 组件可以理解为UI拆分的（html + css + js）一个结构单元，将UI拆分细化，更有利于维护
• 规范化
  • 代码规范：利用sonar设置一些代码规范，确保团队成员在开发时遵循这些规范
  • 分支规范：每个成员负责一部分功能模块，开发完成后按规定流程合并到主分支
  接口规范和响应规范：禁止跨多个接口调用, 规范请求响应传输数据格式；
• 自动化
  • 自动化测试,
  • 自动编译
  • 自动集成
  • 自动部署