[英]Dynamic import named export using Webpack
Using webpack, if I want to code-split an entire module, I can change 使用webpack,如果我想代码拆分整个模块,我可以改变
import Module from 'module'
at the top of my file to 在我的文件的顶部
import('module').then(Module => {...
when I need to use the module ( docs ). 当我需要使用模块( docs )时。 Is it possible to do this but with just a single named export?
是否可以这样做,但只有一个命名导出? That is, how could I code-split the following:
也就是说,我怎么能代码拆分以下内容:
import {namedExport} from 'module'
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 })
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.