Как правильно распределить front-end файлы (css) в laravel?

Question

[Tarasovych]

Суть такова: есть файлы стилей (бутстраповские, "самодельные" и т. д.), которые нужно прикрутить к проекту. В этих файлах зачастую прописан маршрут к изображениям в стиле url="../images/имя_картинки.расширение". Но мне нужно упорядочить изображения/видео и т.д.
Можно ли изменять путь к файлам в самих css-шаблонах, или лучше (этичнее, чтоли) перенести контент туда, куда просит css-шаблон?
Зачастую вижу такое в файлах бутстрап.

spoiler

не знаю как правильно назвать, короче говоря, код в этих файлах идет сплошными строками без пробелов/переносов

Answer 1

[D3lphi]

На мой взгляд, как вы выразились, этичнее, будет "перенести контент туда, куда просит css-шаблон". Благо, все современные фреймворки "требуют" одну и ту же структуру папок. Согласитесь, неудобно каждый раз лазить по файлам и заменять там пути к ресурсам.

Код в этих файлах идет сплошными строками без пробелов/переносов

Это называется "минимизация кода". Исходный код "скармливается" алгоритму, который убирает все пробелы, табуляции, переносы строк, комментарии и тд. Производится эта процедура для того, чтобы уменьшить размер файлов. Минимизированные файлы весят на порядок меньше не минимизированных, что способствует уменьшению времени загрузки сайта. Кстати, очень рекомендую воспользоваться сборщиком проектов GulpJS. После установки необходимых зависимостей и настройки gulp-файла он все минимизирует и соберет в один компактный js или css файл. Таким образом, все стили будут лежать только в 1 небольшом файле, а весь js код - в другом (Вместо десятка разных фалов с bootstrap - стилями, вашими родными стилями и тд). Такой подход уменьшает количество запросов к серверу и положительно сказывается на производительности.

Comments

[Tarasovych]

Спасибо! Просто был параллельный вопрос о размещении файлов на сервере, я не хотел бы, чтобы все изображения лежали в 1 папке (те, которые будут грузить пользователи, изображения фронта и тд). Поэтоум и спросил.

[D3lphi]

Tarasovych: обычно, те изображения да и вообще любые файлы, которые грузит пользователь на сервер помещают в отдельную папку, например, uploads. Еще желательно брать от них хэш и размещать по под папкам, в зависимости от имени. Например, если вы получаете хэш "ac29529fad90caf7cd8a70e63506ba89", то изображение будет лежать в папке uploads/img/ac/29529fad90caf7cd8a70e63506ba89.png. То есть, именем родительской папки являются первые 2 символа хэша этого файла. Таким образом, вы увеличиваете быстродействие вашей системы. Давно известно, что миллион файлов в одной папке хуже, чем 1000 файлов в 1000 папках.