Mercados-Web/frontend/vite.config.ts

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,
    rollupOptions: {
      // Asegúrate de no externalizar React, para que se incluya en el bundle
      external: [],
      output: {
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM'
        }
      }
    }
  }
})