у нас довольно большое приложение, в котором многие компоненты состоят из общих компонентов.
- App.js: запись приложения
- SharedComponentA: один общий компонент
- SharedComponentB: еще один общий компонент
Проблема:
Если мы динамически загружаем SharedComponentB в App.js, конфигурация webpack работает нормально. Но если мы динамически загружаем SharedComponentB в SharedComponentA, так как SharedComponentA не знает информацию о пути, динамический импорт webpack не будет работать. А код SharedComponentB будет работать как статический импорт и будет выполняться в самом начале, когда App.js импортирует SharedComponentA.
Некоторые подходы:
При использовании относительного пути к динамическому импорту SharedComponentB в SharedComponentA динамический импорт работает нормально. но оригинальный подход заключается в загрузке полностью динамического импорта, а не относительного пути.
Динамическая загрузка SharedComponentB в app.js и в то же время использование __non_webpack_require__ для выполнения требует SharedComponentB дляSharedComponentA (имеется некоторый код, обеспечивающий динамическую загрузку SharedComponentB в app.js, а затем начните динамическую загрузку внутри SharedComponentA). этот подход не работает, так как идентификатор модуля для SharedComponentB, загруженного в дочерний компонент (SharedComponentA), отличается от идентификатора, загруженного в app.js
Вопрос:
ЕстьЕсть ли способ решить эту проблему? Как работает полностью динамический импорт?
import( /* webpackChunkName: "eager" */ "module-name")