Docker 将webpack打包的前端资源文件结合Nginx制作镜像

1.ant design pro2.0版本，只有一个示例页面，显示一个简单的字符串

2.配置config.js文件，设置路径

3.执行npm run build命令，将打包后的文件拷贝出来

4.下载nginx.conf配置文件，修改端口及路径，文件与上述文件夹放置在同一层目录

5.同一层目录下，新建Dockerfile文件，注意文件路径

FROM nginx:latest

MAINTAINER sunmingming@supcon.com

COPY nginx.conf /etc/nginx/conf

COPY vxsis-running-log-web /etc/nginx/html

EXPOSE 80

5.制作镜像

docker build -t demo-web:v1 .

6.创建容器并启动

docker run --name demo-web -p 80:80 demo-web:v1