开头介绍
公司的前端生产环境使用Docker进行配置, 关于docker的介绍这里不多说, 就是一个容器进行配置所有的服务器等开发环境, 对比传统的直接打包上传到服务主要有几个好处:
可以在docker里面配置服务器版本, npm, node版本等, 每个docker可以对应一个前端项目, 多个前端项目之前不存在工具版本差异
版本控制配置ci后可以实现上传代码自动打包发布, 不需要前端再手动打包提交版本控制等操作
实现方法
已经了解docker原理后我们实际上只需要写一份dockerfile文件, 原理就按照正常的打包-上传-配置服务器就可以1
2
3
4
5
6
7
8
9
10
11#FROM node:10.15.0
#COPY package.json yarn.lock ./
#RUN yarn
#COPY . ./
#RUN yarn build
FROM nginx:latest
RUN rm /etc/nginx/conf.d/default.conf
COPY docker/default.conf /etc/nginx/conf.d/default.conf
COPY build /usr/share/nginx/html
CMD ["/bin/bash", "-c", "echo xxxxx xxxx >> /etc/hosts && echo 'ok nginx' && nginx '-g daemon off;'"]