我目前正在使用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
https://stackoverflow.com/questions/56987309
复制相似问题