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