Только начинаю учить react + webpack и в последствии redux.
Идея в том, чтобы сделать компонент со стилями и после того, как заверстали всю страницу собирать все стили в один файл и сохранять. Ну т.е. например есть компонент CatalogItem у него свои стили относящиеся только к нему и NewsItem со своими стилями. Ну и помимо этих стилей есть стили всего сайта в отдельном компненти, например App. Мы размещаем на странице по адресу /catalog/ CatalogItem, а на страницу с url /news/ NewsItem. И после генерации страницы мы получаем css файл отдельный для /catalog/ и отдельный для /news/ и подгружаем в зависимости только тот файл который нужен.
Pavel Kuzyakin, в инетрнете находил инфу про css-модули. Вот похоже то, что мне надо. Т.е. идея не совсем в сборке в один файл для каждой страницы, тут скорее в идея в области видимости для стилей только в области компонента.
А вообще во vue это реализовано чуть ли не "из коробки" поэтому скорее всего для моего фронта я откажусь от react и перейду на vue пока есть такая возможность.
Простой
Простой
Средний
