Динамический импорт именованного экспорта с использованием Webpack

Question

Используя веб-пакет, если я хочу разделить код всего модуля, я могу изменить

import Module from 'module'

вверху моего файла до

import('module').then(Module => {...

когда мне нужно использовать модуль ( docs ). Возможно ли это сделать, но с помощью всего одного экспорта? То есть, как я мог разделить код следующим образом:

import {namedExport} from 'module'

Answer 1

const DynamicFoo = dynamic(import('../components/Foo').then(module => {
  const {Foo} = module
  return Foo
}));

ИЛИ

import(/* webpackChunkName: "chunkName" */ '../component/Foo').then(module => {
  const {Foo} = module.default
  this.setState({ foo: Foo })
})