Ленивая загрузка динамически импортируемых компонентов vue замедляет загрузку сайта в 7 раз - PullRequest
0 голосов
/ 28 октября 2019

Я пытаюсь перейти к отложенной загрузке компонентов в моем приложении Laravel / Vue (код ниже). Перед разделением кода и отложенной загрузкой профиль выглядит следующим образом:

enter image description here

После разделения кода выполнение выглядит следующим образом:

enter image description here

До разделения кода я включал компоненты следующим образом:

Vue.component('component-name', require('./components/component.vue').default);

После разделения кода я импортируюследующие компоненты:

Vue.component('component-name', () => import('./components/component.vue') );

При импорте веб-пакет требует разделить код на отдельные пакеты, как и ожидалось, и компоненты динамически загружаются приложением, хотя очень далеко между.

enter image description here

Кто-нибудь знает, что здесь может происходить?

...