使用 Doceker 打包前端 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" ]

0

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

加入Line立即聊聊:@539mjyid

0 回復

發表評論

想要加入討論嗎?
請盡情發表您的想法!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。