Docker don't generate css

[Emiliano-Bucci]

Hi! I think I have a problem with docker but somehow I can't spot where the issue could be. I have a vite react app, and after building with Docker, the panda styles are not being generated inside my index.css file. Both dev and production with npm works fine, the issue is with docker.

# Build stage
FROM node:20-alpine as builder

ARG VERSION=latest

WORKDIR /app

# Copy source files
COPY src ./src
COPY package.json package-lock.json panda.config.ts tsconfig*.json vite.config.* index.html ./
COPY ./scripts ./scripts
COPY ./src/assets/icons ./src/assets/icons

# Install dependencies
RUN npm install

# Build the application
ENV VERSION=${VERSION}
RUN echo "VERSION=${VERSION}" > .env
RUN npm run build --verbose

# Production stage with NGINX
FROM nginx:alpine

# Remove default NGINX configuration
RUN rm /etc/nginx/conf.d/default.conf

# Copy custom NGINX configuration
COPY nginx.conf /etc/nginx/conf.d/default.conf

# Copy the built files to NGINX's web directory
COPY --from=builder /app/dist /usr/share/nginx/html

# Expose port 80 for the web server
EXPOSE 80

# Start NGINX
CMD ["nginx", "-g", "daemon off;"]

import { pluginRemoveFeatures } from "@pandabox/panda-plugins";
import { defineConfig, definePreset } from "@pandacss/dev";
import pandaBasePreset from "@pandacss/preset-base";

export const preset = definePreset({
  name: "my-preset",
  utilities: pandaBasePreset.utilities,
  conditions: pandaBasePreset.conditions,
});

export default defineConfig({
  eject: true,
  minify: true,
  include: ["./src/**/*.{ts,tsx}", "./pages/**/*.{ts,tsx}"],
  exclude: [],
  jsxStyleProps: "none",
  cssVarRoot: ":root",
  outdir: "panda",
  jsxFramework: "react",
  presets: [preset],
  importMap: "@/panda",
  plugins: [
    pluginRemoveFeatures({
      features: ["no-jsx", "no-patterns", "no-styled"],
    }),
  ],
  hash: {
    className: true,
    cssVar: false,
  },
});

Any ideas?

[Emiliano-Bucci]

Edit: the problem was that I wasn't copying the postcss.config.js file :/