Ant Design Pro或者其他npm管理的项目一键远程部署


npm项目没有jenkins这样的自动打包工具的话,本地配置好免密登录,一句命令实现自动部署,还是挺美滋滋的。

简书地址

听起来title有点绕,其实目的很简单,就是本地一条简单命令,实现将项目打包并上传到服务器这么个功能。

具体实现

在项目根目录的package.json文件中找到scripts,相信你能看到不少命令,start、build等等,在此处增加一条命令,内容大概如下:

 "dist": "npm run build && rsync -p22 -avz --delete-after dist/ root@x.x.x.x:/opt/site/test/antd-pro",

其他更多命令,在后面拼接 多个&&就可以。

运行:

yarn dist

或者

npm run dist

解释:
这句话会先执行npm run build 然后再将dist目录下的所有文件拷贝到目标服务器,当然需要您配好本地到服务器的免密登录。


评论
  目录