@skuvaWeb

Dynamic import и code splitting в webpack?

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

Как я это вижу:
Создать в webpack entry point наподобии global.js, в который статично импортировать "глобальные" модули (табы, меню, модалки и прочее)
Создавать для каждой страницы в webpack свою точку входа. В каждую страницу статично импортировать какую-то необходимую часть кода, и динамически импортировать все что можно.

Я верно понял суть?
Только пожалуйста, не пишите (зачем тебе так запариваться, сделай один бандл и все). Я хочу разобраться, и решить, нужно ли это применять или нет.
  • Вопрос задан
  • 152 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы