Webpack require.ensure проверить окончание загрузки

Question

Ленивая загрузка Webpack иногда может привести к появлению пустых экранов или задержке появления компонента, поэтому я хочу хотя бы показать спиннер, чтобы пользователи не думали, что у нас испорченная страница.

Может ли потребоваться проверка, завершена ли загрузка модуля?

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