Webpack require.ensure检查加载完成

Question

Webpack延迟加载有时会导致空白屏幕或组件的延迟外观，所以我想至少显示一个微调器，以便用户不会认为我们有一个损坏的页面。

可以require.ensure检查模块加载是否完成？

Answer 1

我不知道，但是您可以像这样使用=== undefined：

let Launcher;
require.ensure(['react-chat-window'], function (require) {
    Launcher = require('react-chat-window/lib/components/Launcher.js')
}, "modal-chat");

if (Launcher === undefined){
    // ... doSomething here
}

例如，我使用了React的状态：

if (Launcher !== undefined){
    this.setState({chatModuleLoaded: true})
}