Структура папок статики в Laravel

Мы разобрали, что public/ - веб-корень сайта и что путь /css/style.css в браузере указывает на public/css/style.css на диске. Теперь посмотрим, как внутри public/ организовать файлы, чтобы в проекте было удобно работать.

CSS, JavaScript и картинки не кладут в корень public/ вперемешку. Для каждого типа заводят свою папку - обычно css/, js/ и images/. Имена могут отличаться, но так принято в большинстве проектов - по папке сразу понятно, что внутри.

На маленьком учебном проекте хватает одного файла в каждой папке. Когда страниц становится больше, статику делят по смыслу: общие стили сайта - в одном файле, стили отдельной страницы - в другом.

Пример структуры для растущего проекта:

Файл app.css подходит для общих правил: шрифт, цвет фона, отступы body. Файл home.css - только для главной страницы. Картинки лежат в images/, при необходимости их тоже группируют по подпапкам.

Путь в URL всегда повторяет расположение файла внутри public/. Файл public/css/home.css откроется по адресу /css/home.css. Главное - не сваливать несвязанные файлы в одну кучу и давать им понятные имена. В следующем уроке разберём команду asset, которая помогает прописывать такие пути в Blade.