Возможно ли создать SPA с динамической подгрузкой файлов анимации на JavaScript?

Question

[Влад]

Хочу создать SPA на чистом JavaScript с использованием библиотеки GSAP и сборщика модулей Webpack.
Данные страниц хранятся в других файлах, и по клику тянутся аяксом.
Вопрос – как организовать подтягивание js-файлов анимации, соответствующих этим страницам?
Не хотелось бы их запихивать в одну точку входа.
Есть какие то решения, позволяющие подтягивать определённые js-файлы, соответствующие определенным страницам?
Или это бред и в одну точку входа всё запихать и не париться?
А если файл бандла превысит рекомендуемый размер?

Comments

[Mikhail Osher]

Рекомендованного размера бандла не существует. У каждого приложения свой размер.
Если вы про то, что вебпак там какое--то сообщение показывает, то смело можно его игнорировать.

А вообще, вопрос непонятен.

Answer 1

[Владимир]

https://webpack.js.org/guides/lazy-loading/
https://www.fabrizioduroni.it/2020/06/02/dynamic-i...

Гугли динамический импорт и lazy loading
По факту все равно делаем лейзи лоадинг вместе с прелоадером (делим на куски, потом грузим в фоне все заранее), иначе задержка большая

Comments

[Влад]

This speeds up the initial load of the application and lightens its overall weight as some blocks may never even be loaded.

Спасибо. Отличная штука. Надо разбираться.