带有 NPM 的 Buildx 缓存

Question

我正在尝试在使用节点时在 Jenkins 中快速构建 docker。 所以我目前正在使用 buildx cache-to 和 cache-from。

我有一个每天早上运行的 cron。 这个 cron 执行拉取，并使用缓存构建到附加到 Jenkins Master 的卷。

docker buildx build -t NAME . --cache-to type=local,dest=PATH_FOR_CACHE,mode=max

然后我拍摄该卷的快照。

然后，当为 jenkins 启动新节点时，它会自动附加快照中的卷。

当在节点上执行构建时，它使用 cache-from

docker buildx build -t NAME . --cache-from type=local,src=PATH_FOR_CACHE,mode=max --load

我注意到的是第一次运行仍然很慢。 但是第二次运行非常快。 缓存位于已安装的卷上，并由 buildx 加载。

诸如 npm ci 之类的几个步骤以及其他依赖项似乎是问题的一部分。

在上面的第一步中，我确实将 npm_modules 文件夹构建到了 docker 映像中。

如果我能弄清楚如何正确缓存 composer 和 npm 依赖项，以使其可跨节点重用于基本映像，那就太好了。

我的完整构建命令：

export DOCKER_BUILDKIT=1
docker buildx build \
  --build-arg BUILDKIT_INLINE_CACHE=1 \
  --ssh default \
  --cache-from type=local,src=PATH_FOR_CACHE,mode=max \
  --target integration \
  --tag ${TAG} \
  --load \
  -f ${SOURCE}/Dockerfile ${SOURCE}
EXIT_CODE=$?

这是我的大型 docker 文件的一部分：

FROM php:7.4.29-apache-buster as base
RUN apt-get update && apt-get install -y -q \
....
....
....


FROM base as js-dependencies
WORKDIR /var/www/html
COPY ["tailwind.config.js", "package.json","package-lock.json",".npmrc","./"]
COPY media ./media
COPY resources ./resources
RUN npm ci --prefer-offline --no-audit --progress=false
#RUN npm ci --verbose
RUN npm run tailwind-build -- --minify
RUN npm run build --workspaces --if-present

FROM base as dist-files
WORKDIR /var/www/html
COPY composer.phar ./composer.phar

FROM base as integration
COPY --from=js-dependencies /var/www/html/media ./media
COPY --from=js-dependencies /var/www/html/node_modules ./node_modules
COPY --from=js-dependencies /var/www/html/resources ./resources
COPY --from=php-dependencies /var/www/html/vendor/ ./vendor

这是需要很长时间的步骤之一

[js-dependencies  9/14] RUN npm ci --prefer-offline --no-audit --progress=false