docker入门之部署前端项目，以create-react-app为例

1.github上先下载create-react-app的源码

git clone https://github.com/facebook/create-react-app.git

执行ls查看一下并cd 进入该项目.

2.在项目根目录下创建Dockerfile文件,并编写以下内容

vi Dockerfile  // 创建文件

编写内容：

# node版本号
FROM node:15-alpine
# 工作目录
WORKDIR /create-react-app
# 添加所有文件到create-react-app目录
ADD . /create-react-app
# 执行命令
RUN npm install && npm run build && npm install -g http-server
# 暴露端口号
EXPOSE 3000
# 容器启动之后, 执行http-server 注：./build是指打包后的文件
CMD http-server ./build -p 3000

3.创建image文件

docker image build --progress plain -t create-react-app-demo .

执行成功后, 查看一下image文件

4.从image文件生成容器：

// 将Dockerfile中暴露出来的3000端口映射到本机的1234端口
docker container run -p 1234:3