web-dev-qa-db-ja.com

Webpackを使用したエクスポートという名前の動的インポート

Webpackを使用して、モジュール全体をコード分割したい場合は、変更できます

_import Module from 'module'_

私のファイルの上部に

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

モジュールを使用する必要がある場合（ docs ）。これを行うことは可能ですが、1つの名前付きエクスポートだけで可能ですか？つまり、次のコードをどのようにコード分割できますか？

_import {namedExport} from 'module'_

javascriptwebpackcode-splitting
10
Daniel Elkington
const DynamicFoo = dynamic(import('../components/Foo').then(module => {
  const {Foo} = module
  return Foo
}));

OR

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