Vite сборка изображений

Устанавливаем все зависимости которые изначально прописаны в package.json

npm install

Что бы использовать сборку ассетов через Vite в laravel 9 Можно создать папку images по пути resources/images и в неё складывать изображения, в resources/js/app.js дописать глобальный импорт этой папки

import.meta.glob([
    '../images/**',
    '../fonts/**',
])

после команды npm run build эти изображения сбилдятся в папку public/build/assets и будут доступны так...

в html blade файлах

<img src="{{Vite::asset('resources/images/bg-1.png')}}" alt="">

в css файлах

background-image: url('../images/bg-1.png');