Guillaume Lours
74317904bd
add configuration to use react-express-mongo sample with Docker Dev Environments feature (#271)
|
%!s(int64=3) %!d(string=hai) anos | |
|---|---|---|
| .. | ||
| public | %!s(int64=5) %!d(string=hai) anos | |
| src | %!s(int64=5) %!d(string=hai) anos | |
| .dockerignore | %!s(int64=5) %!d(string=hai) anos | |
| .gitignore | %!s(int64=5) %!d(string=hai) anos | |
| Dockerfile | %!s(int64=3) %!d(string=hai) anos | |
| README.md | %!s(int64=5) %!d(string=hai) anos | |
| package-lock.json | %!s(int64=3) %!d(string=hai) anos | |
| package.json | %!s(int64=3) %!d(string=hai) anos | |
README.md
Snippet of frontend(ReactJS)DockerFile
You will find this DockerFile inside frontend directory.
# Create image based on the official Node image from dockerhub
FROM node:10
#Argument that is passed from docer-compose.yaml file
ARG FRONT_END_PORT
# Create app directory
WORKDIR /usr/src/app
#Echo the argument to check passed argument loaded here correctly
RUN echo "Argument port is : $FRONT_END_PORT"
# Copy dependency definitions
COPY package.json /usr/src/app
# Install dependecies
RUN npm install
# Get all the code needed to run the app
COPY . /usr/src/app
# Expose the port the app runs in
EXPOSE ${FRONT_END_PORT}
# Serve the app
CMD ["npm", "start"]
Explanation of frontend(ReactJS) DockerFile
Frontend DockerFile is almost the same as Backend DockerFile.