Правильно ли объедниять все CSS-файлы в один через Webpack?
Правильно ли объедниять все CSS-файлы в один через Webpack? К примеру, у меня есть один файл, в котором описаны все стили основных элементов. Но также есть на других страницах CSS-файлы разного вода библиотек, к примеру, Lighbox или Select2, и многие другие. Если объединить все эти файлы в один, то получится большой файл, который будет замедлять загрузку страницы. То же касается стилей, которые как-то призваны изменить типичный блок на одной из страницы. Заменить цвет, увеличить шрифт. Нужно ли это все объединять в одно? Интересует, как это делают профи. Как объединять только те файлы, которые нужны на текущей странице?
Ну такой универсальный ответ - объединить все файлы библиотек в одно, кастомные - в другое. это дешево и даст профит.
Дальше - подключать только то что используется на странице. CSS файлы весят немного и профит так себе. К JS - больше вопросов.
Правильно то что удовлетворяет условиям поставленной задачи, которые ты не указал. Обычно объединяют да.
Требования для конкретных страниц изменить глоабльные блоки указывает на то что сайт вероятно непродуман и сделан "на глаз", лучше заняться исправлением таких вещей.
Объединение стилей под конкретные страницы заранее - выстрел в ногу, создает возню при любом изменении состава страниц. Обычно это умеют делать по требованию бэк фреймворки, для этого в верстке как раз надо будет разнести по компонентам все стили заранее