使用dockerfile能力构建制品并打包容器

以常见的vue项目为例,使用如下Dockerfile

复制代码
# 第一阶段:构建应用
FROM node:18.18.1 AS builder
WORKDIR /app
# 复制package.json和package-lock.json到容器中(如果需要)
COPY package*.json ./
# 安装依赖
RUN npm install
# 复制源代码到容器中
COPY . .
# 执行构建命令
RUN npm run build:dev


# 第二阶段:部署到Nginx
FROM nginx:latest
# 清理默认的Nginx配置文件
#RUN rm -f /etc/nginx/conf.d/default.conf
# 如果需要,可以将自定义的Nginx配置文件复制进来
# COPY nginx.conf /etc/nginx/conf.d/
# 将Nginx的默认网站根目录设置为刚刚构建的应用
COPY --from=builder /app/dist /usr/share/nginx/html
# 暴露80端口
EXPOSE 80
# 启动Nginx服务
CMD ["nginx", "-g", "daemon off;"]

若代码使用的包管理器为pnpm,可修改第一阶段的构建过程,yarn同理

复制代码
# 第一阶段:构建应用
FROM node:18.18.1 AS builder

WORKDIR /app

# 安装pnpm
RUN npm install -g pnpm

# 复制package.json和pnpm-lock.yaml到容器中
COPY package*.json pnpm-lock.yaml ./

# 使用pnpm安装依赖
RUN pnpm install

# 复制源代码到容器中
COPY . .

# 执行构建命令
RUN pnpm run build:dev

第二阶段一样。

之前写过一篇jenkins部署nodejs前端项目_jenkins nodejs-CSDN博客,需要在jenkins所在服务器上安装npm pnpm,将构建过程集成到docker后,jenkins只需要安装docker就可以了。

相关推荐
muyun280012 小时前
Docker 下部署 Elasticsearch 8 并集成 Kibana 和 IK 分词器
elasticsearch·docker·容器
傻傻虎虎18 小时前
【Docker】常用帮忙、镜像、容器、其他命令合集(2)
运维·docker·容器
2401_897930061 天前
使用Docker轻松部署Neo4j图数据库
数据库·docker·neo4j
全栈工程师修炼指南1 天前
告别手动构建!Jenkins 与 Gitlab 完美协作,根据参数自动化触发CI/CD流水线实践
运维·ci/cd·自动化·gitlab·jenkins
LeeZhao@1 天前
【AI推理部署】Docker篇04—Docker自动构建镜像
人工智能·docker·容器
程思扬1 天前
利用JSONCrack与cpolar提升数据可视化及跨团队协作效率
网络·人工智能·经验分享·docker·信息可视化·容器·架构
落日漫游1 天前
dockercompose和k8s区别
docker·kubernetes
lllsure1 天前
【Docker】存储卷
运维·docker·容器
纤瘦的鲸鱼1 天前
Docker 从入门到实践:容器化技术核心指南
java·docker·容器
邂逅星河浪漫1 天前
【Docker+Nginx+Ollama】前后端分离式项目部署(传统打包方式)
java·nginx·docker·部署