React 앱 도커화
버전
노드 버전: v16.13.0
도커 버전: 20.10.12
링크
GitHub Repository
Here’s How to Dockerize React App
목차
1. 반응 앱 만들기
① 다음과 같은 React App 생성official tutorial
② 아래 명령어 실행
npx create-react-app <app name> # witch is going to be the folder name
cd <app name>
npm start
③ 접속http://localhost:3000
React 앱 시작 페이지가 표시되는지 확인합니다.
④ Ctrl + C로 실행 중지
2. Dockerfile, 이미지 생성 및 컨테이너 실행
① 루트 디렉토리에 생성
Dockerfile
그리고 아래 코드를 복사# Dockerfile
FROM node:16
WORKDIR /reactapp
ENV PATH /reactapp/node_modules/.bin:$PATH
COPY package.json ./
COPY package-lock.json ./
RUN npm i
COPY . ./
CMD ["npm", "start"]
② 이미지 구축
docker build -t <image name> .
③ 컨테이너 실행
docker run \
-it \
--rm \
-v ${PWD}:/reactapp \
-v /reactapp/node_modules \
-p 3001:3000 \
-e CHOKIDAR_USEPOLLING=true \
<image name>:latest
④ 접속http://localhost:3001
React 앱 시작 페이지가 표시되는지 확인합니다.
Reference
이 문제에 관하여(React 앱 도커화), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jun_uen0/dockerizing-react-app-20gj텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)