42、构建 React 与 Vue.js 应用：从 Docker 到组件开发

构建 React 与 Vue.js 应用：从 Docker 到组件开发

1. 创建 React 应用的 Docker 镜像

在 reactapp 文件夹中，首先要配置 .dockerignore 文件，内容如下：

node_modules

此文件用于指定在构建 Docker 镜像时要忽略的文件和目录，这里忽略了 node_modules 目录，避免将不必要的文件打包进镜像。

接着，在 reactapp 文件夹中运行以下命令来构建 Docker 镜像：

docker build . -t reactapp -f Dockerfile

这个命令会根据 Dockerfile 中的指令来构建一个名为 reactapp 的镜像。在构建过程中，NPM 包会被下载和安装，配置和代码文件也会被复制到镜像中。

2. 运行和停止 React 应用容器

• 运行容器 ：镜像构建完成后，使用以下命令创建并启动一个新的容器：

docker run -p 4002:4002 reactapp

此