feat: 优化Docker构建流程并添加缓存镜像支持

Author: eryajf

.cache.dockerfile

@@ -0,0 +1,11 @@
+FROM node:18.20-alpine as Builder
+
+WORKDIR /space
+
+COPY . .
+
+RUN  apk add git \
+     && git config --global url."https://".insteadOf git:// \
+     && npm install --registry=http://registry.npmmirror.com 
+
+ENV NODE_PATH=/space/node_modules

.cnb/workflows/build-docker-images.yml

@@ -6,6 +6,24 @@ main:
         - docker
         - git-clone-yyds
       stages:
+        - name: 构建缓存镜像
+          type: docker:cache
+          options:
+            dockerfile: cache.dockerfile
+            by:
+              - package.json
+              - package-lock.json
+            versionBy:
+              - package.json
+          exports:
+            name: DOCKER_CACHE_IMAGE_NAME
+        - name: 直接使用缓存镜像环境安装依赖并编译
+          image: $DOCKER_CACHE_IMAGE_NAME
+          script: |
+            ln -snf $NODE_PATH node_modules
+            time npm install
+            sed -i 's@http://localhost:8888/@/@g' .env.production
+            time yarn build:prod
         - name: 🐋 推送镜像
           script: |
             docker run -d --name buildkitd \

.cnb/workflows/release.yml

@@ -6,12 +6,27 @@ $:
         - docker
         - git-clone-yyds
       stages:
-        - name: 📦 构建制品
-          image: docker.cnb.cool/znb/images/debian:all
+        - name: 构建缓存镜像
+          type: docker:cache
+          options:
+            dockerfile: cache.dockerfile
+            by:
+              - package.json
+              - package-lock.json
+            versionBy:
+              - package.json
+          exports:
+            name: DOCKER_CACHE_IMAGE_NAME
+        - name: 直接使用缓存镜像环境安装依赖并编译
+          image: $DOCKER_CACHE_IMAGE_NAME
           script: |
+            ln -snf $NODE_PATH node_modules
+            time npm install
             sed -i 's@http://localhost:8888/@/@g' .env.production
-            npm install --registry=http://registry.npmmirror.com
-            yarn build:prod
+            time yarn build:prod
+        - name: 📦 构建制品
+          image: docker.cnb.cool/znb/images/debian
+          script: |
             zip -q -r dist.zip dist
             openssl md5 dist.zip > dist.zip.md5
         - name: 🐋 推送制品

.github/workflows/dist-to-release.yml

@@ -12,14 +12,16 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v3
+        uses: actions/checkout@v5
       - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v4
+        uses: rlespinasse/github-slug-action@v5
 
       - name: build project ⚗️
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v5
         with:
           node-version: 14
+          cache: 'npm'
+          cache-dependency-path: "package-lock.json"
 
       - run: |
           sed -i 's@http://localhost:8888/@/@g' .env.production
@@ -32,7 +34,7 @@ jobs:
           openssl md5 dist.zip > dist.zip.md5
 
       - name: Upload release package
-        uses: softprops/action-gh-release@v1
+        uses: softprops/action-gh-release@v2
         with:
           files: |
             dist.zip

Dockerfile

@@ -1,18 +1,5 @@
-# 此 Dockerfile 仅用于构建可复制的 dist 内容，并不包含运行环境
-# 第一阶段构建不区分平台，可通过指定 --platform=linux/amd64 来声明环境
-FROM --platform=linux/amd64 docker.cnb.cool/znb/images/node:18 AS builder
-
-WORKDIR /app
-
-ADD . .
-
-RUN  sed -i 's@http://localhost:8888/@/@g' .env.production \
-     && git config --global url."https://".insteadOf git:// \
-     && npm install --registry=http://registry.npmmirror.com \
-     && yarn build:prod
-
 FROM docker.cnb.cool/znb/images/alpine
 
 WORKDIR /app
 
-COPY --from=builder /app/dist/ dist/
+COPY dist ./dist