79 lines
2.6 KiB
TypeScript
79 lines
2.6 KiB
TypeScript
import { defineConfig } from "vite";
|
|
import react from "@vitejs/plugin-react-swc";
|
|
import path from "path";
|
|
import { componentTagger } from "lovable-tagger";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig(({ mode }) => ({
|
|
server: {
|
|
host: "::",
|
|
port: 8080,
|
|
allowedHosts: [
|
|
"alexandre-pommier.com",
|
|
"www.alexandre-pommier.com",
|
|
"localhost",
|
|
"127.0.0.1",
|
|
"0.0.0.0"
|
|
]
|
|
},
|
|
plugins: [react(), mode === "development" && componentTagger()].filter(Boolean),
|
|
resolve: {
|
|
alias: {
|
|
"@": path.resolve(__dirname, "./src"),
|
|
},
|
|
},
|
|
build: {
|
|
// Optimisations pour la production
|
|
minify: 'terser', // Utiliser Terser pour une meilleure compression que esbuild
|
|
target: 'esnext', // Code plus moderne et plus petit
|
|
cssMinify: 'esbuild', // Garder esbuild pour CSS (plus rapide)
|
|
// Chunking optimal pour de meilleures performances
|
|
rollupOptions: {
|
|
output: {
|
|
// Split vendors pour améliorer le cache et réduire les tailles
|
|
manualChunks: (id) => {
|
|
// React et core
|
|
if (id.includes('react') || id.includes('react-dom') || id.includes('react-router')) {
|
|
return 'react-vendor';
|
|
}
|
|
// UI libraries
|
|
if (id.includes('framer-motion') || id.includes('lucide-react') || id.includes('@radix-ui')) {
|
|
return 'ui-vendor';
|
|
}
|
|
// Particles (lazy loaded anyway)
|
|
if (id.includes('@tsparticles') || id.includes('particles')) {
|
|
return 'particles';
|
|
}
|
|
// Autres node_modules dans un chunk séparé
|
|
if (id.includes('node_modules')) {
|
|
return 'vendor';
|
|
}
|
|
},
|
|
// Nommer les chunks de manière cohérente pour le cache
|
|
chunkFileNames: 'assets/js/[name]-[hash].js',
|
|
entryFileNames: 'assets/js/[name]-[hash].js',
|
|
assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
|
|
},
|
|
},
|
|
// Optimisation des assets
|
|
assetsInlineLimit: 2048, // Réduire pour inliner moins d'assets
|
|
chunkSizeWarningLimit: 300, // Limite encore plus stricte
|
|
sourcemap: false, // Désactiver les sourcemaps en production
|
|
// Compression CSS supplémentaire
|
|
cssCodeSplit: true,
|
|
// Minification supplémentaire avec Terser
|
|
terserOptions: {
|
|
compress: {
|
|
drop_console: true, // Supprimer les console.log en production
|
|
drop_debugger: true,
|
|
pure_funcs: ['console.log', 'console.info', 'console.debug'],
|
|
},
|
|
mangle: {
|
|
safari10: true,
|
|
},
|
|
},
|
|
// Optimisations supplémentaires
|
|
reportCompressedSize: true,
|
|
},
|
|
}));
|