У меня довольно большое веб-приложение с блогом / сайтами и интернет-магазином, и я написал свои компоненты таким образом, чтобы у меня всегда был пользователь и компонент администратора.
Например, шаблон текстового компонента выглядит как это
const admin-text = () => import(/* webpackChunkName: "admin" */ ./admin/text.vue)
import user-text from './user.vue'
admin-text(v-if="auth_isAdmin(user)")
user-text(v-else)
Блок администратора отмечен только как предварительная загрузка, и при открытии сетевой панели в chrome Я не вижу загруженный блок администратора, ОДНАКО, если я запускаю маяк, он, кажется, также загружает этот кусок, потому что я получаю только 82 балла производительности и предупреждение, чтобы ИЗБЕГАТЬ огромных сетевых полезных нагрузок, и это список нескольких кусков, которые я не вижу на сетевой панели.
Теперь я не уверен, что такой подход чтобы расщепление кода действительно работало, или почему компания Lighthouse также загружает фрагменты, помеченные как предварительная выборка, которые даже не следует загружать?