k8s环境下如何轻松将镜像大小缩减 96%

谁践踏了优雅 2024-03-24 17:57 50阅读 0赞

## 示例开始 ##

让我们从一个示例开始，在该示例中，我们构建了一个 React 应用程序并将其容器化。运行 npx 命令并创建 Dockerfile 之后，我们得到了如图 1 所示的文件结构。

npx create-react-app app --template typescript

![fa9a1710a0254c129815a1db255dcb08.png][]

如果我们构建一个基础的 Dockerfile（如下所示），我们最终会得到一个 1.16 GB 的镜像：

FROM node:10
    
    WORKDIR /app
    COPY app /app
    RUN npm install -g webserver.local
    RUN npm install && npm run build
    
    EXPOSE 3000
    CMD webserver.local -d ./build

![4d0d1d5913c241a48d09fe4fa8c0a7cb.png][]

## 第一步优化：使用轻量化基础镜像 ##

在 Docker Hub（公共 Docker 仓库）中，有一些镜像可供下载，每个镜像都有不同的特征和大小。

通常，相较于基于其他 Linux 发行版（例如 Ubuntu）的镜像，基于 Alpine 或 BusyBox 的镜像非常小。这是因为 Alpine 镜像和类似的其他镜像都经过了优化，其中仅包含最少的必须的软件包。在下面的图片中，你可以看到 Ubuntu、Alpine、Node 和基于 Alpine 的 Node 镜像之间的大小比较。

![8d0b02f0f3cf4321bd198ccc375be5fc.png][]

通过修改 Dockerfile 并使用 Alpine 作为基础镜像，我们的镜像最终大小为 330MB：

FROM node:10-alpine
    
    WORKDIR /app
    COPY app /app
    RUN npm install -g webserver.local
    RUN npm install && npm run build
    
    EXPOSE 3000
    CMD webserver.local -d ./build

![6b51fcb9e74d436baf527df4a42f30eb.png][]

## 第二步优化：多阶段构建 ##

通过多阶段构建，我们可以在 Dockerfile 中使用多个基础镜像，并将编译成品、配置文件等从一个阶段复制到另一个阶段，这样我们就可以丢弃不需要的东西。

在本例中，我们部署 React 应用程序需要的是编译后的代码，我们不需要源文件，也不需要 node\_modules 目录和 package.json 文件等。

通过将 Dockerfile 修改为如下内容，我们最终得到的镜像大小为 91.5MB。请记住，来自第一阶段（第 1-4 行）的镜像不会被自动删除，Docker 将它保存在 cache 中，如果我们在另一个构建镜像过程中执行了相同的阶段，就可以使镜像构建更快。所以你必须手动删除第一阶段镜像。

FROM node:10-alpine AS build
    WORKDIR /app
    COPY app /app
    RUN npm install && npm run build
    
    
    FROM node:10-alpine
    WORKDIR /app
    RUN npm install -g webserver.local
    COPY --from=build /app/build ./build
    EXPOSE 3000
    CMD webserver.local -d ./build

![621b467bcd2d41a3bfc6fba83fef261a.png][]

现在我们有了一个 Dockerfile，它有两个阶段：在第一个阶段中，我们编译项目，在第二个阶段中，我们在 web 服务器上部署应用程序。然而，Node 容器并不是提供网页（HTML、CSS 和 JavaScript 文件、图片等）服务的最佳选择，最好的选择是使用像 Nginx 或 Apache 这样的服务。在本例中，我将使用 Nginx。

## 最终效果 ##

通过将 Dockerfile 修改为如下内容，我们的镜像最终大小是 22.4MB，如果我们运行这个容器，我们可以看到网页可以正常工作，没有任何问题（图 7）。

FROM node:10-alpine AS build
    WORKDIR /app
    COPY app /app
    RUN npm install && npm run build
    
    
    FROM nginx:stable-alpine
    COPY --from=build /app/build /usr/share/nginx/html
    EXPOSE 80
    CMD ["nginx", "-g", "daemon off;"]

![da985430a58c4a489c5b02f65b5dd08b.png][]

![d35bd4666df54464b15aed7247a7afce.png][]

[fa9a1710a0254c129815a1db255dcb08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e7a0a5133336468697a482ba68390f42.png
[4d0d1d5913c241a48d09fe4fa8c0a7cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e5810c64e06449c7839290b680e017d9.png
[8d0b02f0f3cf4321bd198ccc375be5fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/dec369d7a196427da97b5622785e81b0.png
[6b51fcb9e74d436baf527df4a42f30eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/de58534af4e74e168f314901cacbb8be.png
[621b467bcd2d41a3bfc6fba83fef261a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/f999819a744a4f96b86de2ff13410850.png
[da985430a58c4a489c5b02f65b5dd08b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/edaef00ee00345359d2dde38b324eab4.png
[d35bd4666df54464b15aed7247a7afce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/96ca675777824a94bf8139e1891b81b1.png