文章目录
- 前言
- 思路与流程
- 脚本实现
- 1. 打包前端项目
- 2. 上传前端项目
- 4. 传递密码
- 5. 代码优化
- 完整脚本
- 结语
前言
在实际项目开发中，并不是所有项目都会配置 CI/CD 流程，特别是在中小型团队或者公司内部测试环境中，很多时候我们仍然需要手动打包、上传和部署项目。这个过程虽然简单，但往往是重复性强且浪费时间还容易出错，尤其是当项目规模较大时，整个流程会变得非常耗时和繁琐。
为了解决这些问题，我们可以编写一个自动化脚本，将项目的打包、上传及部署等一系列步骤自动化，这样可以减少重复性工作，节省时间，提高效率。接下来，我将详细介绍如何通过 Shell 脚本来实现这一流程的自动化。
思路与流程
手动部署一个前端项目的典型步骤包括：
- 执行
npm run build打包前端项目。 - 将打好的项目打成压缩包（如
.tar 包）。 - 使用
scp 命令将压缩包上传到服务器。 - 登录到服务器，解压并替换掉当前的前端项目包。
- 执行一些后续清理操作，必要时重启服务。
这些步骤虽然不复杂，但手动执行时耗时且容易出错，尤其是等待项目打包和文件上传时，可能会耗费大量时间。
通过编写一个自动化脚本
