You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16854a92ef
* upgrade dependencies of vuejs sample to fix security issues Signed-off-by: Guillaume Lours <guillaume.lours@docker.com> * upgrade dependencies of react-express-mongodb sample to fix security issues Signed-off-by: Guillaume Lours <guillaume.lours@docker.com> * upgrade dependencies of react-express-mysql sample to fix security issues Signed-off-by: Guillaume Lours <guillaume.lours@docker.com> |
4 years ago | |
---|---|---|
.. | ||
public | 5 years ago | |
src | 5 years ago | |
.dockerignore | 5 years ago | |
.gitignore | 5 years ago | |
Dockerfile | 5 years ago | |
README.md | 5 years ago | |
package-lock.json | 4 years ago | |
package.json | 4 years ago |
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
.