【转载】只需简单两步,轻松缩减 Node.js 应用的镜像大小

本文涉及的产品
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 两个简单的步骤可以将镜像大小从948 MB缩减到79 MB。

image

写在前面

在处理 Node.js应用程序时,我注意到部署镜像的时间有时候需要很长时间,远超我的预期。于是,我开始深入研究这个问题,并且发现只需两个步骤就可以让 948M 大小的 Docker 镜像缩减至 78.6M,从而减少部署时间、提升效率。

如下图所示,这就是我尝试的结果(948MB缩减至78.6MB):

image

初始化配置

该应用程序是一个典型的 Web 应用程序,它具有前端部分(React.js)和后端部分(在 Express.js 上的 Node.js 服务器)。构建过程包含以下4个步骤:

  • 构建 NPM;
  • 运行测试;
  • 构建 Docker 镜像;
  • 发布到 hub.docker.com ;

应用程序更改前的 Dockerfile (位于应用程序目录的根目录中),若下所示:

FROM node:8.10.0

RUN mkdir -p /usr/app/build
WORKDIR /usr/app 

COPY ./build /usr/app/build
COPY ./node_modules /usr/app/node_modules
COPY ./package.json /usr/app/package.json 

EXPOSE 3000 

CMD [ "npm", "run", "start" ]

该 Dockerfile 做了以下几件事:

  • /usr/app 设置为应用程序目录;
  • 将构建文件复制到应用程序目录;
  • 将所需的 Node.js 模块复制到应用程序目录;

步骤1: 将基础的 Node.js 镜像替换为缩减后的镜像(948MB缩减至206MB)

Node.js 镜像仓库为每个 Node.js 版本提供了若干个镜像标签。例如,8.10.0版本就有6个不同的镜像标签:

  • 8.10.0 – 266MB compressed
  • 8.10.0-alpine– 23MB compressed
  • 8.10.0-onbuild – 266MB compressed
  • 8.10.0-slim – 92MB compressed
  • 8.10.0-stretch – 343MB compressed
  • 8.10.0-wheezy– 202MB compressed

有趣的是这个 alpine 版本。这是一个最小的可用镜像,因为它基于 Alpine Linux 项目。Alpine 使用的是 musl libc 而不是内部的 glibc ,但 Node.js 通常在典型的开发者系统中使用后者(glibc)。这可能会破坏您使用的一些函数库,但是我的基于 Express.js 的应用程序并没有问题。如下所示,切换到 alpine:

# change the first line from:
FROM node:8.10.0

# to:
FROM node:8.10.0-alpine

接下来,运行docker build 命令。在我的案例中,镜像的大小已经缩减到206MB,比初始大小减少了78%!

步骤2:使用 NPM --production 标签(206 MB缩减至79 MB)

默认情况下, npm install 将安装所有依赖项,包括 devDependencies 部分。有了 --production 标签,我们就可以从 package.json 文件中仅安装所需的依赖项。在 devDependencies 部分中,我保留了构建系统、测试工具和一些其它的开发工具。我习惯于将 React.js 函数库和其它的 UI 依赖项一起保留在 package.json 文件中,但是它看起来是不正确的,因为我有 webpack 来生成所有的 UI 依赖项。因此,正确的方法是将所有不会直接用于在生产服务器上,也不会直接用于在 devDependencies 部分上的依赖项移除。

**原则是:如果依赖项只是在构建期间需要用到,请将它移到 devDependencies 部分。
**
我没有为服务器文件打包,所以我将所有服务器依赖项保留在依赖项部分中,就像以前一样。这意味着工作流程应包含以下步骤:

  • 构建 UI 包;
  • 将UI包复制到 Docker 镜像;
  • 将服务器文件复制到 Docker 镜像;
  • 将 package.json 文件复制到 Docker 镜像;
  • 在镜像中执行 npm install --production 命令;

我得到的 Dockerfile 的最终版本,如下所示:

FROM node:8.10.0-alpine

RUN mkdir -p /usr/app/build
WORKDIR /usr/app

COPY ./build /usr/app/build
COPY ./package.json /usr/app/package.json

RUN cd /usr/app && npm install --production

EXPOSE 3000

CMD [ "npm", "run", "start" ]

再次运行docker build命令。在我的案例中,镜像大小缩减至79M,这一次比初始大小减少了91%!

结论

两个简单的步骤可以将镜像大小从948 MB缩减到79 MB。现在容器部署过程所需的时间减少了很多。在hub.docker.com 上被压缩的镜像大小看起来更好!

image

P.S. 原文由Anton Fisher发布在个人博客上
Reducing Docker image size of a Node.js application


更多信息

您可以使用阿里云容器+镜像服务,应用的部署发布可以使用免费的CodePipeline(支持Go Java Node.js和Php项目)。And 最重要的是,您可以使用免费的Node.js性能平台。您可以移步文章《六年打怪升级,一路披荆斩棘,只为没有难用的Node.js

目录
相关文章
|
5月前
|
JavaScript 前端开发
如何减少Node.js应用中的全局变量?
如何减少Node.js应用中的全局变量?
335 133
|
5月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
298 69
|
2月前
|
存储 监控 JavaScript
基于布隆过滤器的 Node.js 算法在局域网电脑桌面监控设备快速校验中的应用研究
本文探讨了布隆过滤器在局域网电脑桌面监控中的应用,分析其高效空间利用率、快速查询性能及动态扩容优势,并设计了基于MAC地址的校验模型,提供Node.js实现代码,适用于设备准入控制与重复数据过滤场景。
77 0
|
9天前
|
运维 监控 JavaScript
基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究
本文探讨图结构在局域网监控系统中的应用,通过Node.js实现设备拓扑建模、路径分析与故障定位,提升网络可视化、可追溯性与运维效率,结合模拟实验验证其高效性与准确性。
68 3
|
2月前
|
资源调度 负载均衡 JavaScript
使用PM2工具部署Vue.js应用于服务器
以上步骤完成之后,你就成功利⽤ PM⼆工具将 Vuejs 应⽰程序部署至服 务 器,并且配合反向代理实现了高效稳定访问及负载均衡功能。
96 0
|
6月前
|
前端开发 搜索推荐 JavaScript
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用?
DIY.JS 是一款基于原生 Canvas 的业务级图形库,专注于商品定制的图形交互功能,帮助开发者轻松实现个性化设计。适用于 T 恤、手机壳等多种商品场景。它自带丰富功能,无需从零构建,快速集成到项目中。通过创建舞台、添加模型、定义 DIY 区域和添加素材四个步骤即可完成基础用法。支持在线演示体验,文档详细,易上手。
210 57
|
5月前
|
监控 算法 JavaScript
公司局域网管理视域下 Node.js 图算法的深度应用研究:拓扑结构建模与流量优化策略探析
本文探讨了图论算法在公司局域网管理中的应用,针对设备互联复杂、流量调度低效及安全监控困难等问题,提出基于图论的解决方案。通过节点与边建模局域网拓扑结构,利用DFS/BFS实现设备快速发现,Dijkstra算法优化流量路径,社区检测算法识别安全风险。结合WorkWin软件实例,展示了算法在设备管理、流量调度与安全监控中的价值,为智能化局域网管理提供了理论与实践指导。
132 3
|
6月前
|
存储 JavaScript 前端开发
|
7月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~