Условная проверка перед динамическим импортом ()

#javascript #reactjs #typescript

#javascript #reactjs #typescript

Вопрос:

Я использую функцию динамического импорта в своем коде React / TS, и мне было интересно, необходимо ли условие проверки if (firebase.auth == undefined) в инструкции if (firebase.auth == undefined) await import("firebase/auth"); или import() безопасно запускать несколько раз для одного и того же модуля?

Ответ №1:

Если в вашем проекте используется такой пакет, как webpack, при использовании import("firebase/auth") webpack он будет помещен firebase/auth в отдельный пакет. Большую часть времени можно использовать import напрямую, потому что браузер в любом случае будет кэшировать файлы javascript, поступающие с одного и того же URL, но для производительности страницы было бы лучше, если бы ему нужно было загружать только необходимые файлы javascript.