我正在尝试自动化构建 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语法?
我现在对任何建议持开放态度。
任何提示/建议/帮助都将非常感谢!
答案 0 :(得分:1)
使用--from
COPY --from=builder /web/dist /usr/share/nginx/html/
参数将源位置设置为上一个构建阶段。
dist/
对于本地构建,您可能有一个用于本地开发的.pt-myTheme {
.pt-navbar {
background-color: #2364f0;
}
}
文件夹,然后将其包含在发送到Docker的构建上下文中。本地副本最终出现在图像中。