前端Vue项目的自动打包、上传与部署
文章目录
- 前言
- 思路与流程
- 脚本实现
-
- 1. 打包前端项目
- 2. 上传前端项目
- 4. 传递密码
- 5. 代码优化
- 完整脚本
- 结语
前言
在实际项目开发中,并不是所有项目都会配置 CI/CD 流程
,特别是在中小型团队或者公司内部测试环境中,很多时候我们仍然需要手动打包、上传和部署项目。这个过程虽然简单,但往往是重复性强且浪费时间还容易出错,尤其是当项目规模较大时,整个流程会变得非常耗时和繁琐。
为了解决这些问题,我们可以编写一个自动化脚本,将项目的打包、上传及部署等一系列步骤自动化,这样可以减少重复性工作,节省时间,提高效率。接下来,我将详细介绍如何通过 Shell 脚本
来实现这一流程的自动化。
思路与流程
手动部署一个前端项目的典型步骤包括:
- 执行
npm run build
打包前端项目。
- 将打好的项目打成压缩包(如
.tar 包
)。
- 使用
scp 命令
将压缩包上传到服务器。
- 登录到服务器,解压并替换掉当前的前端项目包。
- 执行一些后续清理操作,必要时重启服务。
这些步骤虽然不复杂,但手动执行时耗时且容易出错,尤其是等待项目打包和文件上传时,可能会耗费大量时间。
通过编写一个自动化脚本
原文地址:https://blog.csdn.net/bjzhang75/article/details/142703830
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!
-
linux基础 超级笔记
useradd [-g -d] username:创建用户。-g指定用户的组,不指定-g,会创建同名组并自动加入,指定-g需要组已经存在,如已存在同名组,必须使用-g。-d指定用户H0ME路径,不指定
阅读更多2024-10-06
-
Codeforces Rund 977 div2 个人题解(A~E1)
Codeforces Rund 977 div2 个人题解(A,B,C1,C2,E1)Dashboard - Codeforces Round 977 (Div. 2, based on COMPFE
阅读更多2024-10-06
-
MSI(微星)主板黄灯无法开机
然后再开机就打不开了,显示器、设备、机箱内部各个插口,电源,检查都没问题。仔细回想,上一次关机后,将耳机插在了前板的一个插孔中,可能这个插孔已经损坏,导致主板自检没过。这个问题的解决方式比较因人而异,
阅读更多2024-10-06
-
RabbitMQ入门4—queue参数之durability
durability:控制队列的持久性,决定了 RabbitMQ 重启后队列是否继续存在。消息持久化:消息需要单独设置持久化,以确保 RabbitMQ 重启后消息不会丢失。使用持久队列和持久消息是确保
阅读更多2024-10-06
-
停车场停车位检测数据集2166张 违停 带标注 voc yolo 2类
停车场停车位检测数据集2166张 违停 带标注 voc yolo 2类
阅读更多2024-10-06
-
【MySQL】DML数据操作语句和基本的DQL语句
insert into student(sname,ssex) values('杨文琦','男'),('杨博海','男'),('杨坤','男');insert into student values
阅读更多2024-10-06
-
linux文件编程_进程
在 Linux 系统中,进程是执行程序的基本单位。Linux 文件编程中的进程管理涉及到创建、管理和控制进程。
阅读更多2024-10-06
-
[C语言]第十一节 函数递归一基础知识到高级技巧的全景探索
函数不返回,函数对应的栈帧空间就⼀直占⽤,所以如果函数调⽤中存在递归调⽤的话,每⼀次递归 ,函数调⽤都会开辟属于⾃⼰的栈帧空间,直到函数递归不再继续,开始回归,才逐层释放栈帧空间。所以递归的思考⽅式就
阅读更多2024-10-06
-
EPICS asyn库
EPICS asyn库
阅读更多2024-10-06
-
【Mybatis篇】Mybatis的注解开发
一个有趣爱睡觉的intp,期待和更多人分享自己所学知识的真诚大学生。
阅读更多2024-10-06