Ребят, привет! Прошу, подскажите, как разбить main.css на несколько бандлов?
Допустим у меня есть файлы style. scss:
@import "settings";
@import "
styles.mobile";
.mainPage {
.mainPage-spotlight {
margin-bottom: $spotlight-game-bottom-offset;
}
}
и есть файлы styles.mobile.scss:
@import "settings";
.mainPage {
.mainPage-gameFiltres {
margin-bottom: $mobile-outer-offset;
}
}
Мне нужно чтобы вебпак сформировал общий для всех файлов styles.scss - main.css и для всех styles.mobile.scss - mobile.css
MiniCssExtractPlugin работает совершенно непонятно и чанкование как таковое мне ненужно.