Estoy tratando de crear una aplicación web con un punto de entrada principal ( index.js ) y una serie de módulos que quiero cargar dinámicamente.

Algo como:

índice.js

 document.getElementById('button1').addEventListener('click', async function(){ const mod = await import('module1.js'); mod.run(); });

módulo1.js

 export function run() { console.log("Hello from module1"); }

¿Es posible crear un paquete para cada uno de estos archivos usando Webpack 5?

lo que probé

output.library (pero construye todo como bibliotecas)

1. Parece que Webpack me permite establecer múltiples puntos de entrada .

2. Sin embargo, para exponer todas las exportaciones de module1.js , necesito configurar output.library .

3. Pero si lo hago, entonces index.js también se crea como una biblioteca, ya que solo puede haber un campo de salida .

Múltiples configuraciones (pero rompe el servidor de desarrollo)

Podría configurar Webpack para compilar tanto mi secuencia de comandos principal como los módulos usando varias configuraciones , pero si intento esto, el servidor webpack-dev-server intenta iniciar dos instancias y falla.

Imprime errores como:

<e> [webpack-dev-middleware] ConcurrentCompilationError: You ran Webpack twice. Each instance only supports a single concurrent compilation at a time.

¿Qué más puedo probar?