Dockerfile로 React 개발 환경 구축하기

1. 개발환경 이미지 빌드

 

- docker file 생성

FROM node
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
WORKDIR /
RUN npx create-react-app my-app

 

- image build

docker build -t test-image .

 

- container 생성 

docker run -it --name test -p 3000:3000 test-image /bin/bash

 

- IDE로 접속 

 

 

 

2. github source 사용할 때 

 

- Pull한 후, github 폴더 내에 Dockerfile 생성

FROM node:12.16.2 as builder

# 작업 폴더를 만들고 npm 설치
RUN mkdir /usr/src/app
WORKDIR /usr/src/app
ENV PATH /usr/src/app/node_modules/.bin:$PATH
COPY package.json /usr/src/app/package.json
RUN npm install --silent
RUN npm install react-scripts@2.1.3 -g --silent

# 소스를 작업폴더로 복사하고 앱 실행
COPY . /usr/src/app

 

- image build

docker build -t test-image .

 

- container 생성 

docker run -it --name test -p 3000:3000 test-image /bin/bash

 

-