Обрабатывать фронтенд крупномасштабный проект в laravel

Это зависит от проектов и фреймворков. Поместите вещи туда, где вы считаете, что это имеет наибольший смысл. Если вы используете автономное интерфейсное приложение, которое использует Laravel в качестве внутреннего API, вы, вероятно, преуспеете в организации своего приложения с помощью собственного дерева.

Но учитывая, что вы используете html, css, jquery и sass, которые являются стандартными веб-технологиями, Laravel в основном создан для этого. Поэтому используйте blade-шаблоны для html и поместите все свои jquery и css в общую папку. Если вы раньше не использовали Laravel, вам, вероятно, следует изучить серию руководств, чтобы получить представление о его структуре MVC.

Вы можете использовать Laravel Mix для компиляции препроцессоров CSS и JavaScript. Таким образом, вы сохраните все свои активы в папке resources / assets.

Laravel Mix предоставляет гибкий API для определения шагов сборки веб-пакетов для вашего приложения с использованием нескольких распространенных препроцессоров CSS и JavaScript.

Чтобы использовать смесь laravel, вам необходимо сначала установить node и npm.

Затем создайте файлы app.js и app.scss в каталоге resources / app / sass и resources / sass соответственно. Затем откройте файл webpack.mix.js, который будет находиться в корне вашего проекта, напишите следующий код в файле webpack.mix.js

В файле webpack.mix.js (вы можете увидеть этот файл в корневом каталоге вашего проекта)

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Теперь посмотрим, что означают две строки выше?

mix.js('resources/assets/js/app.js', 'public/js') говорит, что нужно читать содержимое app.js (которое хранится в каталоге resources / js), извлекать его и помещать в public / js после их смешивания.

То же самое и для mix.sass. Поскольку он использует SAAS-совместимый, вы можете использовать синтаксис на основе CSS или SAAS для определения ваших макетов. В любом случае Webpack скомпилировал их в один CSS. Теперь в master.blade.php все, что вам нужно сделать, это сделать эти два вызова ресурсов JS и CSS соответственно:

<script src = "{!! asset('js/app.js') !!}"></script>

а также

<link rel = "stylesheet" href = "{!! asset('css/app.css') !!}">

Теперь запустите команду npm run dev. Он скомпилирует ваши файлы CSS и JS и поместит сборку в общую папку.

Для подробного объяснения вы можете проверить

https://laravel.com/docs/5.7/mix

https://appdividend.com/2018/02/19/laravel-mix-compiling-assets-tutorial/