Estoy trabajando con una aplicación que usa Tesseract (OCR) para leer texto de imágenes.
Me gustaría tomar algunos archivos JS de node_modules/tesseract.js/dist y hacerlos descargables en el navegador.
Sé que puedo simplemente copiar los archivos a ./public y next.js lo servirá de forma estática desde allí, pero luego, si actualizo mi versión de Tesseract, es posible que también deba actualizar esos archivos. Así que el mantenimiento se convierte en un problema.
Mi primer pensamiento es personalizar la configuración de mi paquete web para copiar los archivos de node_modules/tesseract.js/dist a ./public/tesseract (o algo así). Eso aseguraría que los archivos se vuelvan a copiar si actualizo Tesseract. Pero no soy particularmente experto en webpack y aún no he descubierto cómo hacerlo.
Mi segundo pensamiento fue "proxy" la recuperación del contenido del archivo JS y simplemente hacer que el contenido esté disponible como una "página" en next.js (pero esto parece super hacktastic).
Siento que esto es algo que no debería ser tan complicado... pero aún no he podido resolverlo por mí mismo.
¡Gracias por adelantado!
Sí, de acuerdo, actualizar su servidor para servir una ruta de node_modules suena un poco peligroso.
Personalmente, simplemente copiaría estos archivos con el paquete web como mencionaste.
Aquí están los documentos en Next.js sobre cómo configurar una configuración personalizada de paquete web .
next.config.js
const CopyPlugin = require("copy-webpack-plugin"); module.exports = { webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => { // append the CopyPlugin to copy the file to your public dir config.plugins.push( new CopyPlugin({ patterns: [ { from: "node_modules/tesseract.js/dist", to: "public/" }, ], }), ) // Important: return the modified config return config }); }; A propósito, no incluí la ruta public/tesseract , no estoy seguro de si CopyPlugin generará automáticamente los directorios faltantes si no existen en el momento de la compilación.