为了解决前端开发中频繁需要将打包后的本地代码发布到个人服务器的相应目录下,以便部署webapp应用的苦恼,浓缩了这款小工具
npm install @weilinerl/deploy-helper -D
{
"host": "", // 域名或ip地址
"port": 22, // 默认sftp连接端口号
"localPath": "./dist", // 需要上传到服务器的本地文件夹目录
"remotePath": "/root/dist", // 需要上传到目标服务器的文件夹目录,一般为tomcat的webapp目录
"readyTimeout": 20000 // 默认连接超时时间
}
...
scripts: {
...
"deploy": "deploy-app"
}
...
项目执行打包构建命令后会在根目录生成相应的文件夹,只需要在.deploy.config.json文件中配置好打包后的本地文件的文件夹相对目录localPath,然后执行以下命令即可
npm run deploy -- --username=${你的远程服务器的登录用户名} --password=${你的远程服务器的登录密码}
发布完成后会在服务器的remotePath文件夹中生成相应的文件(夹), 同时在本地配置的localPath文件夹中的生成相应的压缩文件(夹),文件名即为要上传的文件(夹)的文件(夹)名。
注意! 你的远程文件会被直接覆盖,将不会保留上一个版本,请做好备份谨慎使用!