新闻详情

新闻详情

首页 / 资讯中心 / 详情

前端必会:用 Docker 多阶段构建将 Node.js 应用镜像从 1.2GB 瘦身到 300MB

发布时间:2026/9/30 21:42:20来源:尧图网络
前端必会:用 Docker 多阶段构建将 Node.js 应用镜像从 1.2GB 瘦身到 300MB
Docker前端镜像优化为什么前端也要关心镜像大小作为前端开发者我们经常把 Node.js 应用打包成 Docker 镜像但默认的node:18基础镜像加上全部依赖和源码镜像体积轻松超过 1GB。这不仅占用磁盘空间更会导致 CI/CD 流水线变慢、部署时间变长。本教程将带你使用 Docker 多阶段构建把镜像从 1.2GB 压缩到 300MB 左右并保持生产环境的高效运行。环境准备安装 Docker20.10 以上版本一个简单的 Node.js 项目包含package.json、server.js等文件建议使用node:18-alpine作为最终运行镜像分步实现多阶段构建1. 编写基础版 Dockerfile未优化先创建一个最原始的DockerfileFROM node:18 WORKDIR /app COPY package*.json ./ RUN npm install COPY . . EXPOSE 3000 CMD [node, server.js]构建并查看镜像大小docker build -t myapp:fat . docker images | grep myapp你会看到镜像体积大约 1.2GB其中大部分来自node_modules和开发依赖。2. 引入多阶段构建修改Dockerfile使用两个阶段第一阶段安装依赖并构建第二阶段只复制生产所需的文件。# 第一阶段构建依赖 FROM node:18 AS builder WORKDIR /app COPY package*.json ./ RUN npm ci --onlyproduction # 第二阶段运行应用 FROM node:18-alpine WORKDIR /app ENV NODE_ENVproduction COPY --frombuilder /app/node_modules ./node_modules COPY . . EXPOSE 3000 CMD [node, server.js]注意这里使用了npm ci而非npm install它更适合 CI 环境并且会严格按package-lock.json安装确保一致性。3. 进一步优化使用 Alpine 和清理缓存Alpine 基础镜像本身就比标准镜像小很多而且我们可以利用npm ci的缓存清理机制# 第一阶段 FROM node:18-alpine AS builder WORKDIR /app COPY package*.json ./ RUN npm ci --onlyproduction npm cache clean --force # 第二阶段 FROM node:18-alpine WORKDIR /app ENV NODE_ENVproduction COPY --frombuilder /app/node_modules ./node_modules COPY . . EXPOSE 3000 CMD [node, server.js]此外还可以使用.dockerignore文件排除不必要的文件如.git、测试文件、文档等node_modules npm-debug.log .git .gitignore README.md Dockerfile .dockerignore验证效果重新构建镜像并查看大小docker build -t myapp:slim . docker images | grep myapp你会看到镜像体积从 1.2GB 降到了 300MB 左右具体取决于依赖。然后运行容器验证应用是否正常docker run -p 3000:3000 myapp:slim curl http://localhost:3000如果返回预期响应说明优化成功。总结通过多阶段构建我们不仅缩小了镜像体积还提升了安全性因为生产环境不包含开发工具链。这是前端工程师应该掌握的 Docker 核心技巧能显著提升部署效率。你可以将这个方法应用到任何 Node.js 项目中。
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

2026年AI写论文工具推荐:9款高效AI工具终极指南(含TaoToken统一Key配置) 2026/9/30 22:30:20

2026年AI写论文工具推荐:9款高效AI工具终极指南(含TaoToken统一Key配置)

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
OpenCLAW 遇上 CUDA:GPU 编程内核重写与高级抽象实践(TaoToken 统一 Key 通道) 2026/9/30 22:30:20

OpenCLAW 遇上 CUDA:GPU 编程内核重写与高级抽象实践(TaoToken 统一 Key 通道)

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
Tensorflow - Tutorial (7) : 利用 RNN/LSTM 进行手写数字识别 2026/9/30 22:30:13

Tensorflow - Tutorial (7) : 利用 RNN/LSTM 进行手写数字识别

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
CNC精密零件加工除尺寸公差外,还要明确哪些内容? 2026/9/30 22:29:53

CNC精密零件加工除尺寸公差外,还要明确哪些内容?

上周一个做机器人关节的工程师找过来,第一句话就带着气:“你们能不能别像前几家那样,报价报完又加价,样品做完又返工?项目节点已经拖了三周了。” 答案其实不复杂:报价反复返工、成品跟预期对不上&#xff…

阅读更多 →
Copilot 能换成本地吗?—— 把 endpoint 改到 TaoToken 的本地化部署与替代方案全解析 2026/9/30 22:29:47

Copilot 能换成本地吗?—— 把 endpoint 改到 TaoToken 的本地化部署与替代方案全解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
化学智能体的闭环时刻:从自然语言到机器人实验,走通了哪条路 2026/9/30 22:29:33

化学智能体的闭环时刻:从自然语言到机器人实验,走通了哪条路

一个化学工作者用自然语言说出"帮我做这组样品的梯度稀释",机器人液体工作站自己产出可执行协议文件,中途发现计量矛盾还会自己改——这个场景在 2026 年之前属于演示视频,现在有了可量化的一致性证据。美国太平洋西北国家实验室&a…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉