Директива @vite
Директива @vite предназначена для интеграции современного инструмента сборки Vite в Laravel. Она подключает ресурсы, указанные в файле vite.config.js, и обеспечивает горячую перезагрузку модулей в режиме разработки. В качестве аргумента директива принимает массив путей к файлам точек входа (обычно JavaScript или CSS), которые нужно загрузить. Если путь один, его можно передать строкой.
Синтаксис
@vite($entryPoints)
Пример
Подключение основного JavaScript файла и CSS файла в базовом шаблоне:
<html>
<head>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
@yield('content')
</body>
</html>
Результат выполнения кода в режиме разработки:
<script type="module" src="http://localhost:5173/resources/js/app.js"></script>
<link rel="stylesheet" href="http://localhost:5173/resources/css/app.css">
Пример
Подключение только одного файла точки входа:
@vite('resources/js/welcome.js')
Результат выполнения кода для продакшена (после сборки):
<script type="module" src="/build/assets/welcome.abc123.js"></script>
