DEV Community
·
在本地使用 Docker 设置 React 应用
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
本文讲解如何使用Docker在本地部署React应用。首先安装Docker和Node.js，然后用create-react-app创建应用，并编写Dockerfile。创建.dockerignore文件以忽略node_modules目录。使用docker build构建镜像，再用docker run运行容器，将应用映射到本地3000端口。最后，通过浏览器访问http://localhost:3000查看效果。
🎯
关键要点
- 在本地部署React应用需要安装Docker和Node.js。
- 使用命令验证Docker和Node.js是否安装成功。
- 使用create-react-app命令创建新的React应用。
- 创建Dockerfile以定义Docker镜像的构建过程。
- 在Dockerfile中设置工作目录、复制文件、安装依赖、构建应用并暴露端口。
- 创建.dockerignore文件以忽略node_modules目录。
- 使用docker build命令构建Docker镜像。
- 使用docker run命令运行Docker容器并映射端口。
- 通过浏览器访问http://localhost:3000查看应用效果。
- 使用docker stop命令停止运行的容器。
➡️
