mirror of
https://github.com/R0m1k3/noteflow.git
synced 2026-10-11 17:29:37 +02:00
Fix: Configuration complète du build React/TypeScript
Configuration de l'application pour le build et déploiement React: Package.json: - Ajout de toutes les dépendances React/TypeScript/Vite - Ajout des dépendances shadcn/ui et Radix UI - Ajout des scripts de build (dev, build, preview) - Dépendances ajoutées: react, react-dom, @tanstack/react-query, react-router-dom, tailwindcss, vite, typescript, lucide-react, sonner, next-themes, et toutes les primitives @radix-ui Vite.config.ts: - Configuration du build pour générer dans le dossier dist/ - Configuration correcte de l'alias @ pour les imports Server.js: - Modification pour servir les fichiers statiques depuis dist/ - Maintien du dossier /uploads depuis public/uploads - SPA fallback pour servir dist/index.html Dockerfile: - Multi-stage build pour optimiser la taille - Stage 1 (builder): Installation des dépendances et build React - Stage 2 (production): Copie du build + dépendances serveur uniquement - Réduction significative de la taille de l'image finale .dockerignore: - Nouveau fichier pour exclure les fichiers inutiles du contexte Docker - Exclusion de node_modules, dist, .git, logs, etc. L'application est maintenant prête pour le déploiement avec Docker.
This commit is contained in:
5 files changed
+169
-10
No files matched your search
+37
-4
@@ -1,4 +1,29 @@
|
||||
# Image de base Node.js 20 Alpine pour optimiser la taille
|
||||
FROM node:20-alpine AS builder
|
||||
|
||||
# Définir le répertoire de travail
|
||||
WORKDIR /app
|
||||
|
||||
# Copier les fichiers de dépendances
|
||||
COPY package*.json ./
|
||||
COPY tsconfig*.json ./
|
||||
COPY vite.config.ts ./
|
||||
COPY components.json ./
|
||||
COPY postcss.config.js ./
|
||||
COPY tailwind.config.* ./
|
||||
COPY eslint.config.js ./
|
||||
|
||||
# Installer TOUTES les dépendances (dev + prod)
|
||||
RUN npm ci
|
||||
|
||||
# Copier le code source
|
||||
COPY index.html ./
|
||||
COPY src ./src
|
||||
|
||||
# Construire l'application React
|
||||
RUN npm run build
|
||||
|
||||
# ========== Image de production ==========
|
||||
FROM node:20-alpine
|
||||
|
||||
# Définir le répertoire de travail
|
||||
@@ -10,11 +35,19 @@ RUN apk add --no-cache sqlite
|
||||
# Copier les fichiers de dépendances
|
||||
COPY package*.json ./
|
||||
|
||||
# Installer les dépendances de production uniquement
|
||||
# Installer uniquement les dépendances de production pour le serveur
|
||||
RUN npm ci --only=production
|
||||
|
||||
# Copier le code source
|
||||
COPY . .
|
||||
# Copier le code du serveur
|
||||
COPY server.js ./
|
||||
COPY config ./config
|
||||
COPY routes ./routes
|
||||
COPY middleware ./middleware
|
||||
COPY services ./services
|
||||
COPY migrations ./migrations
|
||||
|
||||
# Copier le build de l'application React depuis le builder
|
||||
COPY --from=builder /app/dist ./dist
|
||||
|
||||
# Créer les dossiers nécessaires et définir les permissions
|
||||
RUN mkdir -p /app/data /app/public/uploads && \
|
||||
@@ -31,4 +64,4 @@ HEALTHCHECK --interval=30s --timeout=3s --start-period=10s --retries=3 \
|
||||
CMD node -e "require('http').get('http://localhost:2222/health', (r) => process.exit(r.statusCode === 200 ? 0 : 1))"
|
||||
|
||||
# Démarrer l'application
|
||||
CMD ["node", "server.js"]
|
||||
CMD ["node", "server.js"]
|
||||
Reference in new issue
Block a user