MAJ 18022024

frontend/vite.config.js

@@ -4,53 +4,53 @@ import viteCompression from 'vite-plugin-compression';
 import { visualizer } from 'rollup-plugin-visualizer';
 import path from 'path';
 
+
 export default defineConfig({
   plugins: [
-    // Plugin React
+    // ✅ Plugin React
     react(),
-    // Compression Brotli
+
+    // ✅ Compression Brotli & Gzip fusionnées
     viteCompression({
-      algorithm: 'brotliCompress',
+      algorithm: 'brotliCompress', // Utilisation de Brotli en priorité
       ext: '.br',
-      threshold: 10240, // Fichiers supérieurs à 10 Ko seront compressés
+      threshold: 10240, // Compression à partir de 10 Ko
     }),
-    // Compression Gzip
     viteCompression({
-      algorithm: 'gzip',
+      algorithm: 'gzip', // Compression Gzip en fallback
       ext: '.gz',
       threshold: 10240,
     }),
-    // Visualiseur de bundle
+
+    // ✅ Visualisation des bundles (ouvre `stats.html` après le build)
     visualizer({
-      open: true, // Ouvre automatiquement le fichier généré après le build
+      open: false, // Mets `true` si tu veux ouvrir le fichier automatiquement
       filename: 'stats.html',
       template: 'treemap',
     }),
   ],
-  
+
   resolve: {
     alias: {
-      // Définit les alias pour des chemins simplifiés
       '@pages': path.resolve(__dirname, './src/pages'),
       '@components': path.resolve(__dirname, './src/components'),
       '@assets': path.resolve(__dirname, './src/assets'),
     },
   },
-  
+
   build: {
     chunkSizeWarningLimit: 1000,
-    target: 'esnext', // Cible des navigateurs modernes
-    minify: 'esbuild', // Minification avec esbuild pour une meilleure performance
-    sourcemap: false, // Désactive les sourcemaps en production (activez pour dev si nécessaire)
+    target: 'esnext', // ✅ Meilleure compatibilité avec les navigateurs modernes
+    minify: 'esbuild', // ✅ Utilisation d'Esbuild pour un build rapide
+    sourcemap: true, // ✅ Active les source maps en production (utile pour le debug)
     rollupOptions: {
       output: {
         manualChunks(id) {
-          // Création de chunks manuels pour optimiser les performances
           if (id.includes('node_modules')) {
             if (id.includes('@mui')) {
-              return 'vendor_mui'; // Chunk spécifique à MUI
+              return 'vendor_mui'; // ✅ Sépare MUI du reste des dépendances
             }
-            return 'vendor'; // Autres dépendances
+            return 'vendor'; // ✅ Sépare les dépendances globales
           }
         },
       },
@@ -58,18 +58,16 @@ export default defineConfig({
   },
 
   server: {
-    port: 3000, // Définit le port du serveur de développement
-    open: true, // Ouvre automatiquement le navigateur au démarrage
-    cors: true, // Autorise toutes les requêtes CORS
+    port: 3000, // ✅ Serveur sur le port 3000
+    open: true, // ✅ Ouvre le navigateur au démarrage
+    cors: true, // ✅ Active les requêtes CORS
   },
 
   optimizeDeps: {
     include: [
-      'swiper/react', // Inclut swiper/react dans les dépendances optimisées
-      'swiper/modules', // Inclut swiper/modules dans les dépendances optimisées
-    ],
-    exclude: [
-      'cssnano', // Exclut les dépendances problématiques comme cssnano
+      'swiper/react',
+      'swiper/modules',
     ],
+
   },
 });