首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Dockerfile返回生成的dist文件夹

问Dockerfile返回生成的dist文件夹
EN

Stack Overflow用户
提问于 2020-10-18 23:40:35
回答 1查看 251关注 0票数 0

我有一个简单的vue.js应用程序,我想使用Dockerfile来构建它:

代码语言:javascript
复制
FROM node:14.14.0-stretch
WORKDIR '/app'
COPY package*.json ./
RUN npm install
COPY . ./
RUN env
RUN npm run generate

现在有没有可能,使用docker- compose,在compose中不构建它,而是使用已经准备好的镜像,从volume dist文件夹中获取?所以我可以把它复制到nginx?

EN

回答 1

Stack Overflow用户

发布于 2020-10-21 04:39:41

我建议你使用nginx来提供dist文件夹。您应该对此https://docs.docker.com/develop/develop-images/multistage-build/使用多阶段构建

文档文件

代码语言:javascript
复制
FROM node:14.14.0-stretch as build
WORKDIR '/app'
COPY package*.json ./
RUN npm install
COPY . ./
RUN env
RUN npm run generate

# create cdn stage from nginx image
FROM nginx:stable-alpine as cdn

# copy nginx config to serve files from /data/www
COPY nginx.conf /etc/nginx/nginx.conf

# copy built files from build stage to /data/www
COPY --from=build /app/dist /data/www

# nginx listen on port 80
EXPOSE 80
CMD [ "nginx" ]

nginx.conf

代码语言:javascript
复制
events {
    worker_connections 1024;
}

http {
    server {
        location / {
            root /data/www;
        }
    }
}

docker-compose.yml

代码语言:javascript
复制
version: '2.4'

services:
  nginx-cdn:
    build:
      context: path/to/Dockerfile
      target: cdn
    ports:
      - '80:80'
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64415174

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档