如何将Docker镜像从1.43G瘦身到22.4MB

镜像的大小对于平台的CI/CD等都有作用
，尤其是云安排场景。我们在生产实践中都会做瘦身的流程，尽最大的可能利用Size小的镜像完成作用。下文是一个简单的程序上线的瘦身体验，希望可以帮助大家找到镜像瘦身的蓝莓外汇平台官网方向和灵感。

如果你目前做Web开发有关工作，那么你可能已经知道容器化的概念 ，以及知道它强大的作用等等。

但在利用时 ，镜像大小至关关键。我们从-react-app（）获得的bbm蓝莓外汇平台怎么样样板项目通常都超过1.43 GB。

今天 ，我们将容器化一个软件程序 ，并学习一些关于如何下降镜像大小并提高性能的技巧。

我们将以为例，但它适用于任何类别的软件程序。

步骤1 ：创建项目

1、借助脚手架通过命令行模式创建React项目

npx create-react-app docker-image-test

复制

2、命令落实成功后将生成一个根本React软件程序架构

3、我们可以进入项目目录安装依赖并运行项目

cd docker-image-testyarn installyarn start

复制

4  、通过访问:3000可以访问已经开展的软件程序

步骤2：构建第一个镜像

1、在项目的根目录中创建一个名为的资料，并粘贴以下代码：

FROM node:12WORKDIR /appCOPY package.json ./RUN yarn installCOPY . .EXPOSE 3000CMD ["yarn", "start"]

复制

2 、注意，这里我们从仓库获得根本镜像Node:12，然后安装依赖项并运行基本命令。（我们不会在这里探讨命令的细节）

3、现在可以通过终端为容器构建镜像

docker build -t docker-image-test .

复制

4 、构建镜像完成之后
，你可以利用此命令查看已经构建的FXTM富拓外汇代理镜像 ：

docker images

复制

在查询结论列表的顶部，是我们新创建的图像，在最右边，我们可以看到图像的大小。目前是1.43GB。

5、我们利用以下命令运行镜像

docker run --rm -it -p 3000:3000/tcp docker-image-test:latest

复制

进入查看器并且刷新画面验证其可以正常运行 。

步骤3：修改根本镜像

1、先前的配置中我们用node:12作为根本镜像  。但是旧有的Node镜像是基于的
，对于我们简单的React软件程序来说这大可不必 。

2
、从（官方镜像注册表）中我们可以看到
，基于-based的Node镜像比基于的镜像小得多，而且它们的依赖程度非常低。

3 
、下面呈现了这些基本图像的大小对比

现在我们将利用node:12-作为我们的根本镜像 ，看看会发生什么 。

FROM node:12-alpineWORKDIR /appCOPY package.json ./RUN yarn installCOPY . .EXPOSE 3000CMD ["yarn", "start"]

复制

然后我们以此构建我们的镜像 ，并与之前做对比。

哇 
！我们的镜像大小下降到只有580MB，这是一个很大的进步。但还能做得更好吗？

步骤4 ：多级构建

1、在之前的配置中，我们会将所有源代码也复制到工作目录中 。

2 、超然独立网但这大可不必 ，因为从发布和运行来看我们只需要构建好的运行目录即可。因此，现在我们将引入多级构建的概念 ，以下降不必要的代码和依赖于我们的最后镜像 。

3、配置是这样的：

# STAGE 1FROM node:12-alpine AS buildWORKDIR /appCOPY package.json ./RUN yarn  installCOPY . /appRUN yarn build# STAGE 2FROM node:12-alpineWORKDIR /appRUN npm install -g webserver.localCOPY --from=build /app/build ./buildEXPOSE 3000CMD webserver.local -d ./build

复制

4
、在第一阶段，安装依赖项并构建我们的项目

5、在第二阶段，我们复制上一阶段构建产物目录，并利用它来运行软件程序。

6、这样我们在最后的镜像中就不会有不必要的依赖和代码
。

接下来，构建镜像成功后并从列表中查看镜像

现在我们的镜像大小只有97.5MB 。这简直太棒了 。

步骤5：利用Nginx

1、我们目前利用Node服务器运行软件程序的静态资源，但这不是静态资源运行的最佳选择。

2、我们尝试利用Nginx这类更高效
、更轻量级的服务器来运行资源软件程序，也可以尽可能提高其性能，并且下降镜像的量。

3、我们最后的配置资料看起来像这样

# STAGE 1FROM node:12-alpine AS buildWORKDIR /appCOPY package.json ./RUN yarn  installCOPY . /appRUN yarn build# STAGE 2FROM nginx:stable-alpineCOPY --from=build /app/build /usr/share/nginx/htmlEXPOSE 80CMD ["nginx", "-g", "daemon off;"]

复制

4、我们目前变更配置的第二阶段，以利用Nginx来服务我们的软件程序 。

5 、然后利用当前配置构建镜像
。

6、镜像大小下降到只有22.4MB！

7、并且 
，我们目前利用一个性能更好的服务器来服务我们出色的软件程序。

8 、我们可以利用以下命令验证软件程序是否仍在工作
。

docker run --rm  -it -p 3000:80/tcp docker-image-test:latest

复制

9、注意，我们将容器的80端口暴露给外部，因为默认现状下 ，Nginx将在容器内部的80端口上可用。

所以这些是一些简单的技巧
，你可以软件到你的任何项目 ，以大幅下降镜像大小。

现在 ，您的容器确实更加便携和高效了。

今天就到这里。编码快乐！

原文连接：