From 9361dabc3dcfc6852198251b1a127487d0ef9375 Mon Sep 17 00:00:00 2001 From: planetazuzu Date: Fri, 2 Jan 2026 19:29:39 +0100 Subject: [PATCH] fix: convertir scripts a ES modules y ajustar chunkSizeWarningLimit MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit PROBLEMAS RESUELTOS: - verify-build.js fallaba con 'require is not defined' (ES module) - Warning de chunks grandes (>500KB) - vendor-react es grande pero necesario SOLUCIÓN: - Convertidos scripts a ES modules (import en lugar de require) - Añadido chunkSizeWarningLimit: 1000 en vite.config.ts (vendor-react puede ser >500KB pero es necesario y está optimizado) RESULTADO: ✅ Scripts funcionan correctamente en entorno ES module ✅ Warning de chunks grandes suprimido (esperado para vendor-react) ✅ Build y verificación funcionan correctamente --- scripts/diagnose-react.js | 9 +++++++-- scripts/verify-build.js | 9 +++++++-- vite.config.ts | 2 ++ 3 files changed, 16 insertions(+), 4 deletions(-) diff --git a/scripts/diagnose-react.js b/scripts/diagnose-react.js index ba91c956..4ba215b5 100755 --- a/scripts/diagnose-react.js +++ b/scripts/diagnose-react.js @@ -3,8 +3,13 @@ * Script de diagnóstico para verificar problemas de React duplicado */ -const fs = require('fs'); -const path = require('path'); +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; +import { dirname } from 'path'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); console.log('🔍 Diagnóstico de React en el proyecto\n'); diff --git a/scripts/verify-build.js b/scripts/verify-build.js index ed512243..2e2f3f03 100755 --- a/scripts/verify-build.js +++ b/scripts/verify-build.js @@ -4,8 +4,13 @@ * Verifica que el build no contiene vendor-other y que todos los chunks están correctamente generados */ -const fs = require('fs'); -const path = require('path'); +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; +import { dirname } from 'path'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); const DIST_DIR = path.join(__dirname, '..', 'dist'); const ASSETS_DIR = path.join(DIST_DIR, 'assets'); diff --git a/vite.config.ts b/vite.config.ts index 58422150..34d1ac32 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -53,6 +53,8 @@ export default defineConfig({ // Configuración de build para incluir archivos .md e imágenes build: { + // Ajustar límite de warning para chunks grandes (vendor-react es grande pero necesario) + chunkSizeWarningLimit: 1000, // 1MB - vendor-react puede ser grande pero es necesario rollupOptions: { // Code splitting: dividir el bundle en chunks más pequeños output: {