前端Vue项目的自动打包、上传与部署

前言

在实际项目开发中，并不是所有项目都会配置 CI/CD 流程，特别是在中小型团队或者公司内部测试环境中，很多时候我们仍然需要手动打包、上传和部署项目。这个过程虽然简单，但往往是重复性强且浪费时间还容易出错，尤其是当项目规模较大时，整个流程会变得非常耗时和繁琐。

为了解决这些问题，我们可以编写一个自动化脚本，将项目的打包、上传及部署等一系列步骤自动化，这样可以减少重复性工作，节省时间，提高效率。接下来，我将详细介绍如何通过 Shell 脚本来实现这一流程的自动化。

思路与流程

手动部署一个前端项目的典型步骤包括：

1. 执行 npm run build 打包前端项目。
2. 将打好的项目打成压缩包（如 .tar 包）。
3. 使用 scp 命令将压缩包上传到服务器。
4. 登录到服务器，解压并替换掉当前的前端项目包。
5. 执行一些后续清理操作，必要时重启服务。
   这些步骤虽然不复杂，但手动执行时耗时且容易出错，尤其是等待项目打包和文件上传时，可能会耗费大量时间。

通过编写一个自动化脚本࿰