const { defineConfig } = require('@vue/cli-service')
const path = require('path')

// Configuration simplifiée pour éviter les erreurs potentielles
module.exports = defineConfig({
  devServer: {
    port: 8012, // Nouveau port pour le serveur de développement
    host: '0.0.0.0', // Permet d'accéder à l'application depuis l'extérieur du conteneur
    allowedHosts: 'all' // Autorise tous les hôtes à accéder à l'application
  },
  transpileDependencies: true,
  productionSourceMap: false, // Désactive les source maps en production pour réduire la taille
  lintOnSave: false, // Désactive temporairement la vérification ESLint au démarrage
  configureWebpack: {
    optimization: {
      splitChunks: {
        chunks: 'all', // Divise les chunks pour améliorer le chargement
        minSize: 20000,
        maxSize: 250000,
      }
    },
    performance: {
      hints: 'warning', // Affiche des avertissements pour les assets trop grands
      maxAssetSize: 512000, // Taille maximale d'un asset (500 KiB)
      maxEntrypointSize: 512000 // Taille maximale d'un point d'entrée (500 KiB)
    }
  },
  chainWebpack: config => {
    // Préchargement des routes pour améliorer la navigation (seulement si le plugin existe)
    if (config.plugins.has('preload')) {
      config.plugin('preload')
        .tap(args => {
          args[0].include = 'initial';
          return args;
        });
    }
  }
});