如何将DockerWhatsApp%E3%80%90+86%2015855158769%E3%80%91crane%20paper镜像从1.43G瘦身到22.4MB
镜像的镜像大小对于系统的CI/CD等都有影响，尤其是瘦身云部署场景。我们在生产实践中都会做瘦身的镜像WhatsApp%E3%80%90+86%2015855158769%E3%80%91crane%20paper操作，尽最大的瘦身可能使用Size小的镜像完成功能。下文是镜像一个简单的程序上线的瘦身体验，希望可以帮助大家找到镜像瘦身的瘦身方向和灵感。
如果你正在做Web开发相关工作，镜像那么你可能已经知道容器化的瘦身概念，以及知道它强大的镜像功能等等。
但在使用时，瘦身镜像大小至关重要。镜像我们从-react-app（）获得的瘦身WhatsApp%E3%80%90+86%2015855158769%E3%80%91crane%20paper样板项目通常都超过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、构建镜像完成之后，你可以使用此命令查看已经构建的镜像：
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、在之前的配置中，我們會(huì)將所有源代碼也复制到工作目錄中。
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、在第二階段，我們复制上一階段構(gòu)建產(chǎn)物目錄，并使用它來(lái)運(yùn)行應(yīng)用程序。
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端口上可用。
所以这些是一些简单的技巧，你可以应用到你的任何项目，以大幅减少镜像大小。
现在，您的容器确实更加便携和高效了。
今天就到这里。编码快乐！
原文链接：