如何使用 Docker 打包 React 專案？

使用create-react-app，會預設幫我們寫好兩個指令：

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build"
  },

現在我們需要區分正式環境、開發環境：

"scripts": {
    "dev": "react-scripts start",
    "start": "serve -s build",
    "build": "react-scripts build",
  },

這樣我們開發時，就使用：

$ yarn dev

打包正式環境並啟動：

$ yarn build
$ yarn start

可以開始寫Dockerfile了！

自己在本機跑一次正式啟動，就會發現他是輸出5000 post，所以EXPOSE那邊是5000

FROM node:14.13.1
WORKDIR /usr/src/app
RUN yarn global add serve
COPY package.json yarn.lock ./
RUN yarn install && yarn cache clean
COPY . .
RUN yarn build
EXPOSE 5000
CMD [ "yarn", "start" ]