Reactをdocker, docker-composeで環境構築

12 月 ago

雅, 悟

1 minute

まず、以下のコマンドでローカルにアプリを作成する。

在中文中以一种方式转述以下内容： npx create-react-app [喜欢的应用程序名称] –template typescript

如果不这样做，我本来打算在Docker容器中使用create-next-app，但由于遇到了问题。

Dockerfile – Docker文件

# ベースイメージの指定
FROM node:alpine

# 作業ディレクトリの設定
WORKDIR /app

# ソースをコピーする
COPY ./app .

# 依存関係をインストールする
RUN npm install

# ビルドする
RUN npm run build

# ポート3000でリッスンするように設定する
EXPOSE 3000

# アプリケーションを起動する
CMD ["npm", "start"]

docker-compose.yml

version: '3'
services:
  web:
    container_name: reactjs_container
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - .:/app
      - /app/node_modules
    ports:
      - '3000:3000'
    environment:
      - NODE_ENV=development
    command: ["/bin/sh", "-c", "cd app && npm start"]

做完