Docker + React + TypeScript な環境作成メモ

React プログラム

React + TypeScriptな環境をDockerで作った際の自分用メモ

構成

/
├ Dockerfile
└ docker-compose.yml

Dockerfile

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

docker-compose.yml

version: '3'
services:
  node:
    build:
      context: .
    tty: true
    environment:
      - CHOKIDAR_USEPOLLING=true
    volumes:
      - ./:/usr/src/app
    command: sh -c "cd app && yarn start"
    ports:
      - "3000:3000"

Build

docker-compose build --no-cache

Project 作成

docker-compose run --rm node sh -c "npx create-react-app app --template typescript"

起動確認

docker-compose up

表示確認

http://localhost:3000/ へアクセス

上記が表示されればOK

コメント

タイトルとURLをコピーしました