Importación dinámica con archivo no incluido

Tengo un proyecto React incluido con Webpack.

Tengo un componente que quiero que represente componentes dinámicamente. En mi caso, la ruta del componente proviene de accesorios.

Además, estos componentes no están incluidos en el archivo .js de mi proyecto; son componentes externos React / libaries.

He intentado la importación Dynamic ES6:

componentWillReceiveProps(nextProps){
    if(nextProps.pagesData && this.props.pagesData !== nextProps.pagesData && nextProps.pagesData.get('cards').count() > 0){

        // Getting the first card from the Immutable object
        let card = nextProps.pagesData.getIn(['cards', 0]);

        // Getting the cardType which can be: '/path/index.js'
        let cardType = card.get('card_type');

        // ES6 Dynamic import
        import(cardType)
            .then(module => {
                 this.setState({ asyncCard: module.default });
             })
    }
}

Esto no funciona porque la importación necesita una ruta estática.

Entonces lo he intentado con require:

let dynamicComponent = require(cardType);

Lo que no funciona porque (supongo) Webpack intenta encontrarlo en el paquete principal.

¿Es esto posible?

Actualizar: Parece que esto puede funcionar (cardType es 'index.js' - un componente React):

import(`/home/user/_apps/module/react-module/lib/${cardType}`)

Webpack crea un paquete diferente (fragmento) que incluye el código de index.js y todas sus dependencias.

Pero esto realmente no resuelve mi pregunta original.

Editar 2: La importación desde arriba en realidad ignora la última var y Webpack crea fragmentos de cada archivo dentro de / lib.

Respuestas a la pregunta(1)

Su respuesta a la pregunta