brunoandQwen-Coder
39ae577965
- Add AIAssistant component for intelligent user support - Implement EnhancedSearchModal with improved search functionality - Introduce LazyImage component for optimized image loading - Update HeroSection with responsive design classes - Modify Navigation to support dynamic base paths for production - Update Dockerfile with optimized multi-stage build and health checks - Configure docker-compose.yml with proper port mapping - Add comprehensive responsive CSS classes in index.css - Update routing configuration in App.tsx and main.tsx - Add development documentation in CLAUDE.md and QWEN.md - Configure build process with environment-specific base paths - Add optimization roadmap documentation Co-authored-by: Qwen-Coder <[email protected]>
109 lines
2.9 KiB
Docker
109 lines
2.9 KiB
Docker
# 优化后的 Dockerfile - 支持代理和缓存
|
|
# 解决构建时网络超时问题
|
|
|
|
# 构建阶段
|
|
FROM node:18-alpine as builder
|
|
|
|
ARG HTTP_PROXY
|
|
ARG HTTPS_PROXY
|
|
ARG NO_PROXY
|
|
ARG APT_PROXY=http://host.docker.internal:3142
|
|
|
|
# 继承代理参数
|
|
ENV HTTP_PROXY=${HTTP_PROXY}
|
|
ENV HTTPS_PROXY=${HTTPS_PROXY}
|
|
ENV NO_PROXY=${NO_PROXY}
|
|
|
|
WORKDIR /app
|
|
|
|
# 如果使用国内镜像源，取消下面的注释
|
|
# RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories
|
|
|
|
# 配置 npm 代理 (如果设置了代理)
|
|
RUN if [ -n "${HTTP_PROXY}" ]; then \
|
|
npm config set proxy ${HTTP_PROXY} && \
|
|
npm config set https-proxy ${HTTP_PROXY} && \
|
|
npm config set registry https://registry.npmmirror.com; \
|
|
else \
|
|
npm config set registry https://registry.npmmirror.com; \
|
|
fi
|
|
|
|
# 配置 npm 缓存
|
|
RUN npm config set cache /tmp/.npm --global
|
|
|
|
# 安装 pnpm (使用国内镜像源)
|
|
RUN npm install -g pnpm --registry=https://registry.npmmirror.com
|
|
|
|
# 复制 package 文件
|
|
COPY package.json pnpm-lock.yaml ./
|
|
|
|
# 配置 pnpm 代理和镜像源
|
|
RUN if [ -n "${HTTP_PROXY}" ]; then \
|
|
pnpm config set proxy ${HTTP_PROXY} && \
|
|
pnpm config set https-proxy ${HTTP_PROXY}; \
|
|
fi
|
|
RUN pnpm config set registry https://registry.npmmirror.com
|
|
|
|
# 安装依赖 (使用重试机制)
|
|
RUN timeout 300 pnpm install --frozen-lockfile || \
|
|
(sleep 10 && timeout 300 pnpm install --frozen-lockfile) || \
|
|
(sleep 30 && timeout 300 pnpm install --frozen-lockfile)
|
|
|
|
# 复制源代码
|
|
COPY . .
|
|
|
|
# 构建应用 (使用重试机制)
|
|
RUN timeout 300 npm run build || \
|
|
(sleep 10 && timeout 300 npm run build) || \
|
|
(sleep 30 && timeout 300 npm run build)
|
|
|
|
# 生产阶段
|
|
FROM node:18-alpine
|
|
|
|
ARG HTTP_PROXY
|
|
ARG HTTPS_PROXY
|
|
ARG NO_PROXY
|
|
|
|
# 继承代理参数
|
|
ENV HTTP_PROXY=${HTTP_PROXY}
|
|
ENV HTTPS_PROXY=${HTTPS_PROXY}
|
|
ENV NO_PROXY=${NO_PROXY}
|
|
|
|
WORKDIR /app
|
|
|
|
# 如果使用国内镜像源，取消下面的注释
|
|
# RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories
|
|
|
|
# 配置 npm 代理
|
|
RUN if [ -n "${HTTP_PROXY}" ]; then \
|
|
npm config set proxy ${HTTP_PROXY} && \
|
|
npm config set https-proxy ${HTTP_PROXY} && \
|
|
npm config set registry https://registry.npmmirror.com; \
|
|
else \
|
|
npm config set registry https://registry.npmmirror.com; \
|
|
fi
|
|
|
|
# 安装 pnpm 和 serve
|
|
RUN npm install -g pnpm serve --registry=https://registry.npmmirror.com
|
|
|
|
# 复制构建产物
|
|
COPY --from=builder /app/dist ./dist
|
|
COPY --from=builder /app/package.json ./
|
|
COPY --from=builder /app/pnpm-lock.yaml ./
|
|
|
|
# 安装生产依赖
|
|
RUN timeout 300 pnpm install --prod --frozen-lockfile || \
|
|
(sleep 10 && timeout 300 pnpm install --prod --frozen-lockfile)
|
|
|
|
# 清理 npm 缓存
|
|
RUN npm cache clean --force
|
|
|
|
# 暴露端口
|
|
EXPOSE 5173
|
|
|
|
# 健康检查
|
|
HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
|
|
CMD curl -f http://localhost:5173 || exit 1
|
|
|
|
# 启动应用
|
|
CMD ["serve", "-s", "dist", "-l", "5173"] |