shell脚本自动发布react项目

最新推荐文章于 2022-08-04 09:30:45 发布

上官不会飞

最新推荐文章于 2022-08-04 09:30:45 发布

阅读量524

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/weixin_42588966/article/details/105351158

版权

React 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

说明:
(1) /product/front/ 打包后的代码就放这里
(2) /developer/git-repository/ 远程仓库拉去的代码放这里
(3) 我的项目名称是: mmall
这些都需要根据你的实际情况去修改, 而且这个脚本文件需要放入你的服务器
(4) 发布命令: ./mmal-deploy.sh mmall , 第1个参数是你的项目名称

#mmall-deploy.sh

GIT_HOME=/developer/git-repository/
DEST_PATH=/product/front/

if [ ! -n "$1" ];
then
	echo -e "Please input a project name ! You can input as follows:"
	echo -e "./mmall-deploy.sh mmall"
	exit
fi

if [ $1 = "mmall" ]
then
	echo -e "---------Enter Project----------"
	cd $GIT_HOME$1
else
	echo -e "Invalid Project Name!"
	exit
fi

# clean dist
echo -e "---------Clean Dist----------"
rm -rf ./dist

echo -e "---------Git Pull----------"
git pull

echo -e "---------Yarn Install----------"
yarn

echo -e "---------Yarn Run Dist----------"
yarn run dist

if [ -d "./dist" ];
then
	echo -e "---------Clean Dist----------"
	rm -rf $DEST_PATH/dist

	echo -e "---------Copy Dist----------"
	cp -R ./dist $DEST_PATH/$1/

	echo -e "---------Deploy Success----------"
else
	echo -e "---------Deploy Fail----------"
fi

解释下大概流程:

创建2个目录,一个放从仓库中新拉取的代码, git-repository, 一个放打包后的文件product
如果执行这个脚本的时候没传第1个参数(项目名称或者说你拉取的文件名称, 在git-repository里面) , 就报错, 给你一个提示信息, 然后退出
如果你传了参数, 就开始打包
每次发布前, 清空/developer/git-repository/mmall 里面的dist目录, 然后去仓库拉去代码
yarn初始化, 然后执行打包命令, yarn run dist
如果项目里面有dist目录, 表示打包成功, 没有表示失败, 给出失败提示
如果成功, 先删除 /product/front 目录下面的dist, 然后把 /developer/git-repository/mmall/ 下面的dist目录复制到/product/front下面 ,然后给出成功提示