Как реализовать code splitting в Vue с динамическими импортами?

Code splitting в Vue реализуется через динамический import() -- это нативная возможность ES-модулей. В Vue Router -- component: () => import('./Page.vue') создаёт отдельный чанк для каждого маршрута. Для компонентов -- defineAsyncComponent(() => import('./Heavy.vue')). Vite/Rollup автоматически разбивает код на чанки по точкам динамического импорта. Результат: пользователь загружает только тот код, который нужен прямо сейчас.