動態導入使用Webpack命名導出

Question

使用webpack，如果我想代碼拆分整個模塊，我可以改變

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 })
})