I'd like to get a better understanding on how I can structure my css files. My folder structure is like so:
When your application scales it becomes hard to maintain a huge CSS file , not to mention class name collision , so files separation its generally a good idea. I prefer CSS file per page , kind of up to you how to separate them. As for webpack loaders , think of it as a pipe , the pipe sets rule that every file that ends with .css comes in and bundled, so yea , it will bundle multiple css files.