巧用windows的move命令结合jenkins让npm构建速度上来

一.背景

jenkins构建vue2的项目,每次都很慢,即便非常顺利都要1分多钟。之前的文章想到的私服的方式,windows下利用verdaccio私服让npm构建速度上来-CSDN博客。其实慢的原因不仅仅是依赖下载的问题。

二.还有哪里慢

1.源代码同步慢

从构建日志发现有一句命令:

复制代码
git.exe init C:\Users\Administrator\.jenkins\workspace\qiankunbag-vue # timeout=10

这句话执行时,会清空整个项目qiankunbag-vue文件夹。而其中的node_modules文件夹有42665个文件,大小248M。

2.真正慢的是删除node_modules文件夹慢

手动尝试删除该文件夹,发现删除都要几十秒,几万个小文件,没有办法啊!但是发现用手动剪切文件夹却非常快,大概不到1秒。所以,优化的思路就有了。

三.优化的思路

经过思考,我准按照下面的思路来编写构建脚本。

0.jenkins同步代码

同步时,自动清空项目文件夹,里面已经没有了node_modules文件夹,所以速度提升了。

1.将上级目录备份的node_modules文件夹剪切到项目目录

使用windows的move命令,类似手工操作的剪切,速度很快。

2.npm安装组件

与之前不变,还是npm install

3.npm构建项目

与之前不变,还是npm run build:prod

4.备份node_modules文件夹

使用windows的move命令,类似手工操作的剪切,速度很快。

5.发布dist文件夹

还是之前不变,

复制代码
xcopy .\dist  C:\SoftwareDownloads\nginx-1.25.2\dist /E /Y /I  1>null

四.jenkins最终的构建steps

使用Execute Windows batch command,构建三个步骤,分别是

复制代码
move ..\node_modules .\node_modules
npm install

npm run build:prod

move .\node_modules ..\node_modules
xcopy .\dist  C:\SoftwareDownloads\nginx-1.25.2\dist /E /Y /I 1>null

为啥分为三个步骤呢?

因为发现npm的命令执行后,其他的命令就不继续执行了。原因暂没有想明白,现象就是这样,所以分开为3个了。

五.脚本的健壮性

如果人工干预,把上级目录的node_modules删除了。该任务仍然能正常构建,只是第一步会提示没有找到node_modules文件,npm install会全量从私服去安装组件,大不了就是慢点而已。

最终构建的速度提升为30秒左右。

相关推荐
sunbyte4 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DragNDrop(拖拽占用组件)
前端·javascript·css·vue.js·vue
真实的菜16 小时前
Jenkins生态与拓展:构建现代化DevOps工具链的终极指南
servlet·jenkins·devops
skyymrj10 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
程序猿小D10 天前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+Vue实现的校园二手交易平台管理系统,推荐!
java·数据库·mysql·spring·vue·毕业设计·校园二手交易平台
去伪存真10 天前
如何封装Jenkins参数化构建中的动态选项获取代码片段?
前端·jenkins
white.tie10 天前
docker方式启动Jenkins
docker·容器·jenkins
伍哥的传说10 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
伍哥的传说10 天前
react gsap动画库使用详解之scroll滑动动画
前端·javascript·vue.js·react.js·前端框架·vue·动画
sunbyte10 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DrinkWater(喝水记录组件)
前端·javascript·css·vue.js·vue
麦兜*11 天前
【node】Mac m1 安装nvm 和node
java·前端·vue.js·chrome·macos·vue·nvm