如何调试 dist/ 未在 Docker Cloud Build 上生成？

Question

我正在尝试 自动化 在 dockercloud 上构建一个 docker 容器前端。

我有

web.dockerfile

### STAGE 1: Build ###
FROM node:9.3.0-alpine as builder

COPY package.json ./

RUN npm set progress=false && npm config set depth 0 && npm cache clean --force

## Storing node modules on a separate layer will prevent unnecessary npm installs at each build
RUN npm i
RUN mkdir /web
RUN cp -R ./node_modules ./web

WORKDIR /web

COPY . .

## Build the angular app in production mode and store the artifacts in dist folder
RUN $(npm bin)/ng build --prod --build-optimizer

### STAGE 2: Setup ###

FROM nginx:1.13.8-alpine

COPY nginx.conf /etc/nginx/nginx.conf
COPY site.conf /etc/nginx/conf.d/default.conf
RUN rm -rf /usr/share/nginx/html/*

COPY dist /usr/share/nginx/html/

RUN touch /var/run/nginx.pid && \
  chown -R nginx:nginx /var/run/nginx.pid && \
  chown -R nginx:nginx /var/cache/nginx && \
  chown -R nginx:nginx /usr/share/nginx/html

USER nginx

如你所见，我已经完成了这一行：

RUN $(npm bin)/ng build --prod --build-optimizer

它应该为我生成 dist/ 文件夹。

我得到了

在我的 docker-cloud

中登录这么长的时间

我不明白的是，当我在本地使用那个 Dockerfile 时，它工作正常。

我应该查看我的 webpack 设置还是我的 Dockerfile 语法？

Answer 1

使用 --from 参数 COPY 将源位置设置为之前的构建阶段。

COPY --from=builder /web/dist /usr/share/nginx/html/

对于您的本地构建，您可能有一个用于本地开发的 dist/ 文件夹，然后将其包含在发送到 Docker 的构建上下文中。本地副本最终出现在图像中。

如何调试 dist/ 未在 Docker Cloud Build 上生成？

How can I debug dist/ is not generating on Docker Cloud Build?

docker

webpack

docker-compose

dockerfile

docker-cloud

我有

我得到了