Подключение JavaScript через asset в Laravel

JavaScript-файлы, как и CSS, лежат в public/ и подключаются через asset. Разница в том, куда ставят тег script: скрипты обычно размещают в конце body, перед закрывающим тегом.

Так страница сначала показывает разметку и стили, а потом загружает скрипт. Если JavaScript стоит в head, он может задержать отображение содержимого. Для учебных проектов удобнее подключать скрипт внизу макета:

<!DOCTYPE html>
<html>
<head>
    <title>Site</title>
</head>
<body>
    {{ $slot }}
    <script src="{{ asset('js/script.js') }}"></script>
</body>
</html>

Файл public/js/script.js может содержать любой JavaScript-код. Для проверки подключения достаточно вывести сообщение в консоль:

console.log('ok');

В исходном коде HTML браузер увидит полный адрес скрипта:

<script src="http://localhost/js/script.js"></script>

Создайте public/js/script.js с console.log('ok') и подключите его в макете.

Откройте консоль браузера и убедитесь, что сообщение появилось.