Динамическое подключение однофайловых Vue компонентов c помощью Webpack

Вопрос хранить весь js в одном бандле или разбивать на отдельные файлы для каждой страницы довольно спорный. Но если проект растет и js уже весит больше 1 Мб, то скорее всего вы получите прирост производительности и скорости при разбиении бандла на отдельные файлы.
В видео показано, как настроить динамический импорт Vue компонентов в Webpack, а также представлено сравнение скорости сайта до и после подключения динамических импортов.
Автор: Владимир Рубинский, Frontend разработчик в Студии Флаг
00:15 Зачем нужны динамические импорты компонентов
01:25 Как разделить JS бандл на отдельные компоненты (инструкция)
04:16 Коротко о Magic Comments в вебпаке
05:27 Результаты: до и после использования динамических импортов
Изучайте Git на практике: gogit.ru/
Наш канал в Телеграм: t.me/flagstudio
ВК: flagstudio
Instagram: / thisisflagbaby