使用命令行設定初始化。

這邊是本地的方式。

git clone https://github.com/ant-design/ant-design-pro.git --depth=1
cd ant-design-pro
npm install
npm start

使用docker run預覽的模式

docker pull antdesign/ant-design-pro
docker run -p 80:80 antdesign/ant-design-pro

比較進階的基本參考Ant Design Pro 的 Docker 部署方式

這邊的dockerfile有放進 ant-design-pro的github裡面

分別有開發的環境跟實際部屬的環境

開發的dockerfile 如下:
原網址

FROM node:latest

WORKDIR /usr/src/app/

COPY package.json ./
RUN npm install --silent --no-cache --registry=https://registry.npm.taobao.org

COPY ./ ./

RUN npm run fetch:blocks

CMD ["npm", "run", "start"]

部屬的環境如下:
原網址

分成兩個階段，第一個階段生成相關的文件與程式，第二個階段把 build好的copy到nginx上面

ROM circleci/node:latest-browsers as builder

WORKDIR /usr/src/app/
USER root
COPY package.json ./
RUN yarn

COPY ./ ./

RUN npm run test:all

RUN npm run build


FROM nginx

WORKDIR /usr/share/nginx/html/

COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf

COPY --from=builder /usr/src/app/dist  /usr/share/nginx/html/

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

假如有人試過不能work的話，可以在下面留言，我或許能幫上一點忙