Как сделать сборку стилей в react?

Question

[Вячеслав Шевченко]

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

Comments

[Pavel Kuzyakin]

думаю, css-loader вам поможет

[Вячеслав Шевченко]

Pavel Kuzyakin, в инетрнете находил инфу про css-модули. Вот похоже то, что мне надо. Т.е. идея не совсем в сборке в один файл для каждой страницы, тут скорее в идея в области видимости для стилей только в области компонента.
А вообще во vue это реализовано чуть ли не "из коробки" поэтому скорее всего для моего фронта я откажусь от react и перейду на vue пока есть такая возможность.

Answer 1

[VIGF]

Рекомендую посмотреть CSS Modules и Style Components.
И выбрать для себя вариант, который больше подходит.