前端自动化提交代码到git

645 阅读2分钟

前言

先说说我的实际开发流程。

  • 本地分支,自己开发用的分支
  • 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 *

以下附上全过程图:

  1. 编写脚本

  2. 在package.json文件添加执行脚本

image.png

  1. 运行脚本命令:
yarn buildsp1

这时,dist就已成功上传到git了。

哈哈哈,今日又是美好快乐的一天。