背景：項目使用的gitlabci，打包成docker鏡像，最近打包越來越慢，打包一次需要40分鐘左右，影響上線速度

分析：通過查看打包的日志，主要慢在了Creating cache 和 Uploading artifacts上面，以及docker鏡像比較大，下圖為優化前（左），優化后（右）的對比圖

? ??

? ?

解決方案：

1.解決catch問題，主要是緩存了node_modules，原先是在全局中定義的，實際node_modules只在build-node這個job中使用了，只需要在這個job中緩存就可以了，減少重復緩存的時間

2.gitlab-ci.yml中artifacts中的untracked設置為false，表示不發送所有Git未跟蹤的文件，在我們的項目里面，沒有跟蹤的基本是node_modules文件夾，可以設置未false

3.新增dockerignore文件，文件中指定在傳遞給 docker引擎 時需要忽略掉的文件或文件夾

?

完整代碼gitlab-ci.yml

image: "docker:dind"stages:- build-node- build-dockerbefore_script:- export IMAGE_TAG=$(echo -en $CI_COMMIT_REF_NAME | tr -c '[:alnum:]_.-' '-')- export IMAGE_NAME=registry.cn-hangzhou.aliyuncs.com/aticloud/CI_PROJECT_NAME:$IMAGE_TAGbuild-node:image: "node:13.13.0-stretch-slim"stage: build-nodeartifacts:name: "dist"untracked: falseexpire_in: 60 minspaths:- $CI_PROJECT_DIR/distscript:- npm config set registry https://registry.npm.taobao.org- npm config set sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"- npm config set chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"- npm install cnpm -g && cnpm install- npm run lint- echo $IMAGE_TAG"(buildtime:"$(date +%Y%m%d%H%M)")" > public/static/version.txt && ls ./public/static/- npm run buildcache:key: ${CI_PROJECT_NAME}paths:- node_modules/tags:- xxxxbuild-docker:stage: build-dockerdependencies:- build-nodescript:- "docker build -t ${IMAGE_NAME} ."- "docker push $IMAGE_NAME"tags:- xxxxonly:- beta- release- tags

?

總結

以上是生活随笔為你收集整理的前端gitlab-ci打包流水线优化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。