前端项目如何用Docker部署?

写给前端,学习项目如何用Docker部署?Docker是个划时代的开源项目，它彻底释放了计算虚拟化的威力，极大提高了应用 - 掘金

在项目根目录下建立3个文件, 分别为

dockerfile 用于配置docker构建信息

js 代码解读复制代码# 使用 Node.js 16 作为基础镜像
FROM node:16.14.2

# 将当前工作目录设置为/app
WORKDIR /app

# 将 package.json 和 package-lock.json 复制到 /app 目录下
COPY package*.json ./

# 运行 npm install 安装依赖
RUN yarn install


# 将源代码复制到 /app 目录下
COPY . .

# 打包构建
RUN npm run build

# 将构建后的代码复制到 nginx 镜像中
FROM nginx:latest
COPY --from=0 /app/dist /usr/share/nginx/html

# 复制自定义的Nginx配置到镜像中，覆盖默认配置
COPY nginx/default.conf /etc/nginx/conf.d/default.conf

EXPOSE 80

# 启动 nginx 服务
CMD ["nginx", "-g", "daemon off;"]

只有 RUN, COPY, ADD 会创建层数, 其它指令不会增加镜像的体积