使用多阶段构建,Docker 层缓存管理 npm install

This commit is contained in:
2026-05-30 10:00:03 +08:00
parent 29db5a4c30
commit c1f00378f2
3 changed files with 34 additions and 70 deletions
+10
View File
@@ -0,0 +1,10 @@
node_modules
dist
.git
.gitignore
*.md
.DS_Store
coverage
.nyc_output
playwright-report
test-results
+14 -5
View File
@@ -1,10 +1,19 @@
# --- 构建阶段 ---
FROM node:20-alpine AS builder
WORKDIR /app
# 先复制依赖描述文件,利用层缓存
COPY package.json package-lock.json ./
RUN npm install
# 再复制源码,构建
COPY . .
RUN npm run type-check && npm run build
# --- 生产阶段 ---
FROM nginx:alpine FROM nginx:alpine
# 安装 curl 用于健康检查
RUN apk add --no-cache curl RUN apk add --no-cache curl
COPY --from=builder /app/dist/ /usr/share/nginx/html/
COPY dist/ /usr/share/nginx/html/
RUN chmod -R 755 /usr/share/nginx/html RUN chmod -R 755 /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80 EXPOSE 80
Vendored
+7 -62
View File
@@ -1,51 +1,18 @@
pipeline { pipeline {
agent none // 全局不指定,局部单独声明 agent none
environment { environment {
IMAGE_NAME = 'lpt-fe:0.0' IMAGE_NAME = 'lpt-fe:0.0'
CONTAINER_NAME = 'LPT_FE' CONTAINER_NAME = 'LPT_FE'
CONTAINER_PORT = '80' CONTAINER_PORT = '80'
} }
stages { stages {
stage('Install Dependencies') { stage('构建 Docker 镜像') {
agent { agent any
docker {
image 'node:20-alpine'
args '-v ${WORKSPACE}/.npm:/.npm -v ${WORKSPACE}/node_modules:/app/node_modules'
}
}
steps { steps {
sh ''' sh 'docker build -t $IMAGE_NAME .'
npm config set cache /.npm
npm install
'''
} }
} }
stage('部署容器') {
stage('Type Check & Build') {
agent {
docker {
image 'node:20-alpine'
args '-v ${WORKSPACE}/.npm:/.npm -v ${WORKSPACE}/node_modules:/app/node_modules'
}
}
steps {
sh '''
npm run type-check
npm run build
'''
}
}
stage('Build Docker Image') {
agent any // Jenkins默认节点,有Docker命令
steps {
sh '''
docker build -t $IMAGE_NAME .
'''
}
}
stage('Run Docker Container') {
agent any agent any
steps { steps {
sh ''' sh '''
@@ -60,36 +27,14 @@ pipeline {
--label "traefik.http.routers.lpt-fe.tls.certresolver=le" \\ --label "traefik.http.routers.lpt-fe.tls.certresolver=le" \\
--label "traefik.http.routers.lpt-fe.service=lpt-fe" \\ --label "traefik.http.routers.lpt-fe.service=lpt-fe" \\
--label "traefik.http.services.lpt-fe.loadbalancer.server.port=$CONTAINER_PORT" \\ --label "traefik.http.services.lpt-fe.loadbalancer.server.port=$CONTAINER_PORT" \\
--health-cmd="curl -f http://localhost:80 || exit 1" \\
--health-interval=5s \\
--health-retries=3 \\
--restart=always \\
$IMAGE_NAME $IMAGE_NAME
''' '''
} }
} }
stage('健康检查') {
stage('Check Docker Status') {
agent any agent any
steps { steps {
script { sh 'sleep 5 && docker exec $CONTAINER_NAME curl -f http://localhost:$CONTAINER_PORT/ || (docker logs $CONTAINER_NAME && exit 1)'
def lastStatus = ''
timeout(time: 60, unit: 'SECONDS') {
waitUntil {
def status = sh(
script: "docker inspect -f '{{.State.Health.Status}}' $CONTAINER_NAME || echo 'unhealthy'",
returnStdout: true
).trim()
if (status != lastStatus) {
echo "Container health: ${status}"
lastStatus = status
}
return (status == 'healthy')
}
}
}
} }
} }
} }