Test Vite Conf

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: {
+    // Ya no lo construiremos como una librería, sino como una aplicación web normal.
-      // La entrada a nuestra librería. Apunta a nuestro main.tsx
+    // Esto genera archivos con hashes en los nombres para evitar problemas de caché,
-      entry: path.resolve(__dirname, 'src/main.tsx'),
+    // pero podemos manejarlo.
-      // El nombre de la variable global que se expondrá
+    outDir: 'dist',
-      name: 'MercadosWidgets',
+    assetsDir: 'assets', // Asegura que los assets estén en una carpeta predecible
-      // 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,
     rollupOptions: {
-      // Asegúrate de no externalizar React, para que se incluya en el bundle
-      external: [],
       output: {
-        globals: {
+        // Nombres de archivo predecibles para JS y CSS
-          react: 'React',
+        entryFileNames: `assets/mercados-widgets.js`,
-          'react-dom': 'ReactDOM'
+        chunkFileNames: `assets/mercados-widgets-chunk.js`,
-        }
+        assetFileNames: `assets/mercados-widgets.[ext]`
       }
     }
   }