Docker에 React 컨테이너 띄우기

1. 프로젝트 root에 Dockerfile 작성

FROM node:16.13.2

# set working directory
WORKDIR /app

# `/app/node_modules/.bin`을 $PATH 에 추가
ENV PATH /app/node_modules/.bin:$PATH

# app dependencies, install 및 caching
COPY package.json /app/package.json
RUN npm install
RUN npm install react-scripts@3.0.1 -g

# 앱 실행
CMD ["npm", "start"]

 

2. 프로젝트 root에 .dockerignore 작성

node_modules

 

3. 이미지 생성

C:\project\mimo-frontend> docker build -t mimo/react .

 

4. 컨테이너 실행

C:\project\mimo-frontend> docker run -v %cd%:/app -v /app/node_modules -p 3000:3000 mimo/react