У меня есть приложение React с 3 модулями: A, B, C, отображаемое на 3 маршрута.Каждый из этих модулей использует React Components и другие общие компоненты пользовательского интерфейса из независимого общего пакета в package.json Теперь, скажем, A, B, C импортируют некоторые общие компоненты пользовательского интерфейса (той же версии), как показано ниже.A: SomeTable, SomeButton, SomeDialog B: SomeTable, SomeView C: SomeDialog и т.д.эти модули (Маршруты) могут повторно использовать уже кэшированные компоненты на стороне браузера, как показано ниже:
Модуль пользовательских запросов C -> браузер кэширует файл библиотеки JS для SomeDialog вместе с другими файлами JS -> Навигация пользователяв модуль A -> Браузер повторно использует кэшированный файл библиотеки JS для SomeDialog при извлечении других требуемых файлов.
Может ли любой из инструментов связывания, например, Webpack, помочь в создании такой сборки.Или что-нибудь еще, что помогает с подобными требованиями в отношении оптимизации производительности (повторное использование кэша общих компонентов).
PS: я наивный в React и других связанных инструментах связывания / сборки, прошу прощения за незнание.