From bb68cb923457d13f3af1a7ee45f66538697d832e Mon Sep 17 00:00:00 2001 From: dmolinari Date: Fri, 4 Jul 2025 15:37:21 -0300 Subject: [PATCH] Test Vite Conf --- frontend/vite.config.ts | 30 +++++++++--------------------- 1 file changed, 9 insertions(+), 21 deletions(-) diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts index 5a98b85..2915a44 100644 --- a/frontend/vite.config.ts +++ b/frontend/vite.config.ts @@ -1,32 +1,20 @@ import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' -import path from 'path'; // Importa el módulo 'path' de Node -// https://vite.dev/config/ export default defineConfig({ plugins: [react()], - // --- V INICIO DE LA CONFIGURACIÓN DE LIBRERÍA V --- build: { - lib: { - // La entrada a nuestra librería. Apunta a nuestro main.tsx - entry: path.resolve(__dirname, 'src/main.tsx'), - // El nombre de la variable global que se expondrá - name: 'MercadosWidgets', - // El nombre del archivo de salida - fileName: (format) => `mercados-widgets.${format}.js`, - }, - // No necesitamos minificar el CSS si es simple, pero es buena práctica - cssCodeSplit: true, - // Generar un manifest para saber qué archivos se crearon - manifest: true, + // Ya no lo construiremos como una librería, sino como una aplicación web normal. + // Esto genera archivos con hashes en los nombres para evitar problemas de caché, + // pero podemos manejarlo. + outDir: 'dist', + assetsDir: 'assets', // Asegura que los assets estén en una carpeta predecible rollupOptions: { - // Asegúrate de no externalizar React, para que se incluya en el bundle - external: [], output: { - globals: { - react: 'React', - 'react-dom': 'ReactDOM' - } + // Nombres de archivo predecibles para JS y CSS + entryFileNames: `assets/mercados-widgets.js`, + chunkFileNames: `assets/mercados-widgets-chunk.js`, + assetFileNames: `assets/mercados-widgets.[ext]` } } }