Docker Compose로 React를 해보도록 하겠습니다.

개시하다

이번에는 리액트용 컨테이너를 Docker Compose로 만들어 봤다.
※ 리액트 설치 계획은 별도 설명

먼저 작업 디렉토리 만들기

mkdir react
cd react

Docker file 만들기

FROM node:14.5.0-alpine
WORKDIR /usr/src/app

docker-compose.만들다

Docker의 컨텍스트 작성 전에
create-react-app로 만든 React 프로그램'react-sample'을 먼저 틀어주세요.

version: '3'
services:
  node:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./:/usr/src/app # ローカルとコンテナ内の同期
    command: sh -c "cd react-sample && yarn start"
    ports:
      - "3000:3000"
    stdin_open: true

이렇게 하면 컨테이너를 실행할 때 참조되는 현재 디렉토리에
React 응용 프로그램 "react-sample"의 존재를 조정할 수 있습니다.
이번에는 음량 마운트이기 때문에 그림에 프로그램이 포함되지 않습니다.

이미지 만들기

docker-compose build

요점
docker-compose는 그림이 변경되지 않았을 때build을 사용할 수 있습니다
이미지는 다시 만들어지지 않습니다.이것은 두 번 구축할 때이다
해시 문자열이 같다는 것을 알 수 있다.

컨테이너 시작 - 모드 1

기본 시작

docker-compose up

부트 컨테이너 - 모드 2

매개변수를 통해 시작

docker-compose run -d -p 3000:3000 --name react_node node

샘플 만들기 응용 프로그램 포함 시작 용기

docker-compose run --rm node sh -c "npm install -g create-react-app && create-react-app react-sample"

로컬 호스트 3000 액세스

컨테이너를 순조롭게 가동시켰다.8888888

덤

그냥 이렇게 하면 좀 외로워요.
App.js를 고쳐서 실행해 보세요.
평소 로컬에서 시행하던 개작 내용이 반영됐지만, Docker가 어떻게 변할지 검증했다.
결론: 다시 쓴 다음 Docker를 다시 시작해야 할 수도 있습니다.