理解工程化

工程化就是为了解决实际问题

工程化脚手架工具: Create React App、Vue CLI等，通常都是工程化的七点，它们提供了项目的基本结构和配置，让我们可以快速开始项目开发，从而不必从头搭建所有配置。

不使用工程化的弊端

想用ES6+新特性，但是浏览器的兼容存在问题

团队协作困难：没有统一的开发流程和自动化工具，难以实现CI/CD，无法统一代码风格、质量无法保障

依赖管理混乱：没有统一的依赖管理策略，可能使用不同版本的库和框架，导致出现兼容性问题

工程化做了哪些事情

• 1.创建项目阶段：使用脚手架工具完成项目搭建（创建结构，自动安装固定依赖库、框架）
• 2.编码研发阶段：自动格式化、校验代码,接住编译工具在研发阶段使用更多的新特性
• 3.编码提交阶段：使用脚手架内置的Git Hooks捕捉提交hooks，进行整体代码检查（质量、风格）
• 4.部署阶段：CI/CD 自动部署到服务器

脚手架的工作过程

• 1.通过命令行交互确认最终项目模板的基于依赖配置
• 2.确认后进行依赖下载与安装，最后生成项目文件