Webmix | all files in folder in single outputs

Hi there,

i've been searching on google but i cant find the solution i'm looking for.

My app will run on the http/2 protocol, so i would like to have multiple css files. My goal is that only the css that is needed should be loaded, depending on what site type the user is on.

Now... i don't want to add every resource manually to my webpack config file.

Is their a way to setup webpack that it will search for all files in a folder (and subfolders) and output them to single files?

my folder structure:

frontend
- app.scss
-- pages
---_city.scss
---_dashboard.scss
---_post.scss
--modules
---_forms.scss
---_navigation.scss

my output that i want:

.../app.css
.../city.css
.../dashboard.css
.../post.css
.../forms.css
.../navigation.css

THANKS :)