Каков наилучший способ или как вы рекомендуете работать с файлами JS в сочетании с Laravel 5.5?

Question

Я выставляю свои сомнения / проблемы.В настоящее время я работаю над проектом с Laravel 5.5.В проекте есть много запросов AJAX с использованием JQuery для URL-адресов сервера.

В настоящее время в некоторых моих представлениях у меня есть код JS в конце файла blade-сервера.

Иллюстративный пример: users.blade.php

<h1>Usuarios</h1>
@foreach ($users as $user)
    <p>{{ $user->name }} <span class="delete-user" data-user="{{ $user->id }}">Eliminar Usuario</span></p>
@endforeach

<script>
    $(document).on('click', '.delete-user', function () {
        $.ajax({
            url: "{{ route('users.delete') }}",
            type: "POST",
            data: { id: $(this).data('user') }, 
            dataType: "JSON",
            success: function (response) {
                // Hacer algo
            },
            error: function (jqXHR, timeout, message) {
                // Hacer otra cosa
            }
        });
    });
</script>

Как вы можете видеть в предыдущем примере, у меня есть пользовательское представление, и нажатие на элемент с классом delete-user делает AJAX-вызов серверу.

Так работало большинство представлений о проекте.Я не знаю, насколько правильно это обрабатывать, но я так и не сделал.

Проект в основном использует функции ES6, но необходимо, чтобы проектработает в более старых версиях некоторых браузеров, которые не поддерживают эти функции, поэтому я решил использовать BabelJS для кода JS.

Теперь сложнее то, что каждый файл view или blade.php имеет код JS, чтобы использоватьBabelJS будет слишком трудоемким, чтобы брать код из каждого представления, преобразовывать его с BabelJS и затем вставлять его в представление.Я знаю, что это не правильный или лучший или рекомендуемый способ.

Я думал, что идея будет заключаться в том, чтобы переместить все JS проекта в соответствующие им файлы JS в папке public / js и использовать BabelJS наэтот путь, но бывает, что из файлов JS я не могу использовать переменные или функции PHP, например:

route('users.delete')

для путей запроса AJAX.

Я думал о нижнем колонтитулемоего проекта, определение констант JS с помощью URL-адресов и других значений, которые необходимы для запросов AJAX и т. д. Но я не знаю, является ли это лучшим вариантом.

В случаях, а также рекомендации по работе с JSкод, которому нужны переменные или значения, переданные из PHP или обычным способом, как вы рекомендуете управлять кодом JS, чтобы отделить его от моих представлений блейдов, но чтобы я мог отправлять запросы AJAX в пути к моим проектам?