🐷
Reactのbuild結果をDockerにのせる
sample-app作成
npx create-react-app sample-app --template typescript
cd sample-app
npm start
npm run build
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
# コンテナ終了
docker stop コンテナID
Discussion