縮減靜態網頁 Docker image 大小
# 前言
通常 Vue 部屬都是先打包成靜態網頁再部屬到 web 服務器上,但如此無法做到程式碼上傳版控後自動部屬,因為上傳的是原始碼,不是打包後的靜態網頁。
所以 Vue 搭配 Docker 時,有種作法是把原始碼直接直接 build 成執行 npm run dev 的 docker image 後放在 server 執行。
這種作法產生的 docker image 很大,枉費還用 Vue
# 縮減方式
使用 Multi-stage builds,在第一個 stage build 出靜態網頁,複製到第二個 stage 跟 web service 打包成 image。
假設原本 Do
more...