什么是前端工程化？

前端工程化就是涵盖前端开发的整套体系的构建流程，涵盖体系化、规范化等多个方面，从整个流程上来看，前端工程化涉及模块化开发，如使用ES Module还是CommonJs标准，到脚手架工具的搭建，比如Webpack、Vite之类的脚手架工具，到代码管理方面，比如git等代码管理工具，到代码规范化，比如使用TypeScript、ESLint、Prettier等优化代码格式，再到CI\CD集成测试等，总而言之，前端工程化涵盖整个项目构建流程，是一种对代码规范化、体系化的一种保障

经常使用的Git命令

git add     //添加文件到暂存区
git commit  //添加文件到仓库 
git diff    //比较文件差异
git pull    //拉取文件
git push    //推送文件
git stash   //暂存文件
git stash pop  //暂存pop
git branch      //查看分支
git branch -a/-r //查看远程分支
git remote    //查看远程仓库
git checkout  //进入分支
git log     //日志
git reset --hard //强制回退
git revert   //回到节点（保留记录）

vite和webpack打包流程

webpack：从入口配置文件开始，递归解析依赖，通过Loaders对模块进行转换，使用HMR进行热更新
vite：使用ES模块进行打包，按需加载，热模块替换，使用Rollup进行打包

相对来说，vite基于ES模块化进打包，流程更快，更轻量化