使用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就可以了。

相关推荐
耀耀_很无聊2 小时前
[特殊字符] 05_Jenkins 部署前端项目实现自动化部署
前端·自动化·jenkins
重生之后端学习2 小时前
day08-Elasticsearch
后端·elasticsearch·spring cloud·中间件·全文检索·jenkins
星辰云-3 小时前
【超详细】CentOS系统Docker安装与配置一键脚本(附镜像加速配置)
linux·docker·centos
果子⌂5 小时前
Docker-构建镜像并实现LNMP架构
mysql·nginx·docker·容器·架构·php
无敌糖果5 小时前
K8S数据流核心底层逻辑剖析
docker·容器·kubernetes·k8s架构·底层逻辑·k8s数据流
极限实验室9 小时前
一键启动:使用 start-local 脚本轻松管理 INFINI Console 与 Easysearch 本地环境
数据库·docker
❀͜͡傀儡师9 小时前
docker 安装数据集成平台 Apache SeaTunnel 服务
docker·容器
超级小忍10 小时前
Spring Boot 与 Docker 的完美结合:容器化你的应用
spring boot·后端·docker
B1nna12 小时前
Docker学习
学习·docker·容器
缘友一世12 小时前
网安系列【15】之Docker未授权访问漏洞
docker·容器