tldr:

Verifique el repositorio : common.js incluye todas las dependencias, aunque solo se usa una en la página respectiva.

• http://localhost:3000/components/ComponentOne
• http://localhost:3000/components/ComponentTwo

Demostración en vivo: haga clic aquí

Más detalles:

Tengo una aplicación (se adjunta una versión muy simplificada) en la que, en función de la entrada de un usuario, se representa un componente diferente. Encontrar el componente que se representará se realiza a través de un mapa de componentes. Tiene sentido que common.js incluya todas las dependencias para la página del conmutador, donde ambos componentes deben ser accesibles (y, por lo tanto, sus dependencias). Pero no tiene sentido que las páginas individuales incluyan la otra dependencia respectivamente.

Para resumir:

• Quiero poder tener un gran grupo de componentes, que se puedan representar en función de la entrada de un usuario. No es factible para mi caso de uso serializarlos y deserializarlos ( como se muestra aquí ), ya que los componentes son muy diferentes y requieren diferentes dependencias.
• También quiero mostrar cada componente en su propia página generada estáticamente, donde recupero información adicional de SEO de una base de datos. En este caso, sin embargo, solo quiero cargar las dependencias requeridas para el componente particular en cuestión.

http://localhost:3000

Selecting ComponentOne results in:

Utiliza recargas.js

Selecting ComponentTwo results in:

Utiliza victoria.js