Vue中通过bash脚本实现自动化
实现打包,强制将静态文件推送到仓库
#!/bin/sh
yarn build
cd dist
git init
echo "正在添加文件..."
git add .
echo -n "正在提交备注...,请填写备注(可空)"
read remarks
if [ ! -n "$remarks" ]
then
remarks="常规提交"
fi
git commit -m "$remarks"
echo "正在开始提交代码..."
git remote add origin "https://gitee.com/cjh-1996/home_page.git"
git push -f origin master
exit
实现上传打包压缩功能
- 自动上传git仓库
- 控制是否打包
- 自动将打包文件压缩为zip格式
#!/bin/sh
echo "正在添加文件..."
git add .
echo -n "正在提交备注...,请填写备注(可空)"
read remarks
if [ ! -n "$remarks" ]
then
remarks="常规提交"
fi
git commit -m "$remarks"
echo "正在开始提交代码..."
git push
echo "代码提交成功!!!"
echo "是否需要打包,请输入y/n"
read buid
if [ $buid = "y" ]
then
echo "等待打包中......"
yarn build
else
exit
fi
#自动压缩
echo "等待压缩中......"
winrar a dist.zip dist
echo "<<<<<<<<<<<<<<<<<<成功了>>>>>>>>>>>>>>>>>>"
exit
通过修改package.json的script命令 运行脚本
//package.json
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"push":"sh ./push.sh", # 关键代码
},
遇到的问题
一 . 在运行yarn push的时候提示sh
非内部命令
原因:
window并没有自带bash,如果安装了git,会附带bash
通过Everything搜索 bash.exe ,然后复制路径 ,配置环境变量
![YNLXuT.png](https://s1.ax1x.com/2020/05/12/YUuWYd.png)
然后关闭命令行 重新运行 发现没有提示错误
同理winrar
同样配置