docker使ってreactアプリの環境構築してみた(最低限だよ)

ディレクトリ構成

AppName
  |-- Dockerfile
  |-- docker-composecompose.yml

docker関連のファイルの記述

Dockerfile

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

docker-compose.yml

version: '3.9'

services:
  node:
    build: ./
    volumes:
      - .:/usr/src/app:cached
    command: sh -c "cd react-sample && yarn start"
    ports:
      - "3000:3000"

コマンドの実行

react-sampleは自身に合わせて変更。

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

docker compose up

このようになれば完了。