🐷

Reactのbuild結果をDockerにのせる

2021/12/29に公開約400字

sample-app作成

npx create-react-app sample-app --template typescript
cd sample-app
npm start
npm run build

https://hub.docker.com/_/nginx

buildフォルダの配下を、nginxに設置する
プロジェクト直下にDockerfileを作成する

Dockerfile
FROM nginx
COPY ./build /usr/share/nginx/html
EXPOSE 80
# イメージ作成
docker build -t nginx-img .

# イメージ確認
docker images

# コンテナ起動
docker run --rm -d -p 3000:80 nginx-img

# コンテナID確認
docker ps

http://localhost:3000
# コンテナ終了
docker stop コンテナID

Discussion

ログインするとコメントできます