前言
先说说我的实际开发流程。
- 本地分支,自己开发用的分支
- dev分支,测试环境分支
- pro分支, 正式环境分支
- master分支,可以运行的代码,由pro分支打包后产生 本地开发完成,同步到beta下测试,测试通过同步到pro分支,在打包,将打包的文件同步至master。 为了解决机械式打包、git提交操作,很繁琐,也很枯燥,在这里分享前端自动化提交代码到git。
分支管理
推荐github desktop。用过的人都说好。👍👍👍
这是Github的官方git软件,默认英文,官方没有提供中文版,但是有开源的汉化包,版本更新比较慢,有条件的推荐直接英文版,没条件的推荐汉英词典。关于推荐github desktop的使用方式,自行解决,本篇不在赘述。
自动化
这里是比较核心的一点了,其实就是把打包、git上传(master)这个过程让机器来玩了。关键就是怎么自己跑?
说到底,无论是打包也好还是git提交也好,都是一行行命令,即如此,把这些命令写在脚本里运行不就好了吗。
因为我的主力机是windows,脚本首选就是windows powershell了。
编写脚本
在项目目录下创建一个脚本文件,后缀名为sp1。因为最终上传到master的是打包后的代码,也就是dist下的东西,为了执行提交方便,将项目中的.git复制一份到dist目录下,同时配置打包不删除dist目录。 为了方便执行,在package.json文件中加入以下代码:
"scripts": {
"buildps1": "powershell.exe -ExecutionPolicy RemoteSigned -file build.ps1"
},
编写ps1脚本
#build.ps1
yarn build #执行打包
cd dist #进入dist目录
git add .
git commit -m '...'
git push origin master
# 执行完成git提交后,将打包的文件删除
rm -r *
以下附上全过程图:
-
编写脚本
-
在package.json文件添加执行脚本
- 运行脚本命令:
yarn buildsp1
这时,dist就已成功上传到git了。
哈哈哈,今日又是美好快乐的一天。