1

我正在尝试在dockercloud上自动构建，以便为我的前端构建一个 docker 容器。

在此处输入图像描述

我有

web.docker文件

### 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

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

运行 $(npm bin)/ng build --prod --build-optimizer

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

我有

这长长的日志在我的 docker-cloud

在此处输入图像描述

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

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

4

1 回答 1

1

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

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

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

于 2018-01-17T06:20:05.773 回答