我目前正在使用Docker开发一个CRA应用程序。一切都在开发中。但是,当我想要创建产品构建(我对生产构建使用了一个单独的docker-compose.yml文件)时,它总是告诉我它找不到这些文件。
我一直在获取Cannot find module: 'lorem.scss'. Make sure this package is installed.
,在构建环境中,它紧跟在yarn run build
之后。
我的Dockerfile:
##############################
# Base Image
##############################
# Ger current Node Alpine Linux image.
FROM node:alpine AS base
# Set working directory.
WORKDIR /home/node/app/
# Copy project content.
COPY package.json ./
##############################
# Development Image
##############################
# Development environment.
FROM base AS development
# Run yarn to install.
RUN yarn
# Copy source code.
COPY ./src/ /home/node/app/src/
COPY ./public/ /home/node/app/public/
# Copy Storybook files.
COPY ./stories/ /home/node/app/stories/
COPY ./.storybook/ /home/node/app/.storybook/
# Run the app.
CMD [ "yarn", "run", "dev" ]
##############################
# Building Environment
##############################
# Building environment set.
FROM base AS builder
# Run yarn to install.
RUN yarn
# Copy source code.
COPY ./src/ /home/node/app/src/
COPY ./public/ /home/node/app/public/
# Run the build.
RUN yarn run build
##############################
# Production Image
##############################
FROM nginx:alpine AS production
# Copy source code.
COPY --from=builder /home/node/app/build /usr/share/nginx/html
# Copy nginx configuration template.
COPY ./nginx.template /etc/nginx/conf.d/
# Set permissions so nginx can serve it.
RUN chown nginx.nginx /usr/share/nginx/html/ -R
我的docker-compose.production.yml文件:
version: "3.7"
services:
##############################
# Front-End Container
##############################
frontend:
container_name: ${PROJECT_NAME}_frontend
build:
context: ./frontend/
target: production
restart: always
environment:
- PROJECT_NAME=${PROJECT_NAME}
- NODE_PATH=${REACT_NODE_PATH}
- NODE_PORT=${NODE_PORT}
- SASS_PATH=${SASS_PATH}
- NODE_ENV=production
- DOCKER_BUILDKIT=1
command: /bin/ash -c "envsubst < /etc/nginx/conf.d/nginx.template > /etc/nginx/conf.d/default.conf && exec nginx -g 'daemon off;'"
expose:
- "80"
ports:
- "80:80"
我在.env文件中的变量如下:
SASS_PATH=node_modules:src/components:src/assets/styles:src/assets/fonts
REACT_NODE_PATH=src/assets/styles/pages:src/assets/images
发布于 2019-07-22 00:24:42
您的development
图层包含
CMD [ "yarn", "run", "dev" ]
这意味着最终图像的一个实例将运行dev
脚本。你可能想要像这样的东西
FROM base AS development
...
ENTRYPOINT [ "yarn", "run" ]
CMD [ "dev" ]
FROM nginx:alpine AS production
...
CMD [ "prod" ]
潜在的问题是,您试图将开发映像和生产映像都塞到同一个Dockerfile中。
多阶段Dockerfile通常用于避免构建工具占用生产镜像的空间(并扩大攻击面)。此外,运行所有单元/验收测试的中间层可以确保在测试失败时不会产生映像。
如果您需要单独的开发映像,请参阅multistage build documentaiton的“在特定构建阶段停止”部分。
https://stackoverflow.com/questions/56987309
复制相似问题