Хочу разобраться с данным вопросом основательно, много гуглил но полного понимания нет.
Я верстаю Интернет-магазин, код разбит на множество модулей (tabs.js , menu.js, modals.js), но так же есть более специфичные модули, которые нужны только на определенной странице.
Я хочу, чтобы мой модуль catalogFilter.js подгрузился только тогда, когда он необходим. Я ознакомился с dynamic import, классная штука, но как применять её не в SPA, а при верстке обычного сайта?
Как я это вижу:
Создать в webpack entry point наподобии global.js, в который статично импортировать "глобальные" модули (табы, меню, модалки и прочее)
Создавать для каждой страницы в webpack свою точку входа. В каждую страницу статично импортировать какую-то необходимую часть кода, и динамически импортировать все что можно.
Я верно понял суть?
Только пожалуйста, не пишите (зачем тебе так запариваться, сделай один бандл и все). Я хочу разобраться, и решить, нужно ли это применять или нет.
ну вы определитесь: у вас либо одна точка входа, в которой вы будете динамически импортировать необходимые модули тогда, когда вам будет нужно. либо у вас для каждой страницы своя точка входа в которой вы сами подключите нужные для этой страницы модули и никакие динамические импорта тут ненужны, т.к. они будут тупо бесмыслены
