Разделение кода в Inertia

Давайте разберём, как по умолчанию подключаются компоненты страниц. Плагин Vite и точка входа могут грузить каждый экран отдельным фрагментом JavaScript: первый заход приносит только нужную страницу, а при переходе на другой адрес браузер догружает ещё один файл. Так уменьшается объём кода при старте приложения.

Иногда проект небольшой или сеть медленная, и выгоднее один раз скачать все страницы вместе, чем платить отдельным запросом на каждый новый экран. За это отвечает опция lazy в сокращении pages у вызова createInertiaApp: по умолчанию она включена, а значение false собирает все страницы в один бандл.

Давайте откроем точку входа и отключим ленивую загрузку:

import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp({
	pages: {
		lazy: false,
	},
})

После пересборки давайте сравним в инструментах разработчика сеть при первом заходе и при переходе на другую страницу: при lazy: false лишних файлов страниц на переходах обычно не появляется.

Для раздела работников Warehouse настройте приложение так, чтобы все экраны этого раздела попали в один общий бандл без отдельной подгрузки на каждый новый адрес.