Fonts: Inter 400/500/600 + JetBrains Mono 400/600 (woff2 from rsms/inter and JetBrains/JetBrainsMono github). Dockerfile: two-stage build. Stage 1 (node:20-alpine) runs tailwindcss --minify to emit public/dist/app.css. Stage 2 (nginx:alpine) ships the static result. NOTE on task 19 (nginx caching for /dist /fonts): SKIPPED. The existing nginx.conf already caches *.css and *.woff2 for 1y immutable via the generic location ~* \\.(css|...|woff2|...)$ regex. Adding explicit /dist/ and /fonts/ blocks would be redundant.
21 lines
686 B
Docker
21 lines
686 B
Docker
# Stage 1: build CSS bundle
|
|
FROM node:20-alpine AS css-build
|
|
WORKDIR /build
|
|
|
|
# Copy only the files needed to install deps (better cache layering)
|
|
COPY package.json package-lock.json* ./
|
|
RUN npm install --no-audit --no-fund
|
|
|
|
# Copy source CSS + tailwind config + every HTML file (tailwind scans HTML to determine which utilities to emit)
|
|
COPY tailwind.config.js postcss.config.js ./
|
|
COPY src/ ./src/
|
|
COPY public/ ./public/
|
|
|
|
# Build into public/dist/app.css
|
|
RUN npx tailwindcss -i ./src/css/app.css -o ./public/dist/app.css --minify
|
|
|
|
# Stage 2: runtime
|
|
FROM nginx:alpine
|
|
COPY --from=css-build /build/public/ /usr/share/nginx/html/
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
EXPOSE 80
|