目的：將前臺頁面打包到Docker鏡像裏面去
環境準備：前端應用使用 NPM 編譯，除了安裝 node.js ，還需要配置使用國內的鏡像，Windows 下需要手工安裝 nvm ，然後使用以下命令切換 node 和 npm 版本：
nvm全名node.js version management，顧名思義是一個nodejs的版本管理工具。通過它可以安裝和切換不同版本的nodejs。下面列出下載、安裝及使用方法。
下載nvm-setup.exe ，之後安裝
一路next就好，如果有路徑變化就改一下
nvm install 8.11.1
nvm use 8.11.1
nrm 是一個 npm 源管理器，允許你快速地在 npm源間切換。什麼意思呢，npm默認情況下是使用npm官方源（使用npm config ls命令可以查看），在國內用這個源肯定是不靠譜的，一般我們都會用淘寶npm源：https://registry.npm.taobao.org/，修改源的方式也很簡單
npm install -g nrm
nrm use taobao
之後進入自己的項目目錄下，執行下面命令
npm install
set NODE_OPTIONS=--max_old_space_size=4096
npm run build
編譯得過程時間很長，我得變成完成後有warning，沒有報錯，所以我就繼續進行下一步了
注意版本，較高版本會出現許多錯誤；set 爲windows命令，linux 下需要修改成 export
根目錄準備 .dockerignore 文件：--我是自己創建得，包含下面內容
node_modules
docs
.history
.vscode
e2e
src
根目錄準備 Dockerfile 文件: --這也是我自己創建得，內容如下
FROM nginx
COPY dist /usr/share/nginx/html
構建鏡像： zcp30-web-erp是你構建得鏡像名稱
docker build -t zcp30-web-erp .
運行：
docker run -d -p 8090:80 zcp30-web-erp
如果可以正常訪問 localhost:8090 ，說明已經可以使用。
----前臺構建過程，到這裏就結束了