The thing is, in our approach the root store is the one deciding where to combine each reducer. That’s why, in order to decouple the selectors from the state shape, we define what you can think of as “unbound” selectors next to the reducer, and then “bind” them to the mounting point of the selector in the root store.
It looks really cool. I’ve tried other css-in-js solutions before and didn’t like the experience, but I think this one can be different. Will try it the next time we consider using css-in-js :)
You are right, according to https://github.com/webpack-contrib/mini-css-extract-plugin#features configuring
optimization.splitChunks.cacheGroups is the way to go. We haven’t still faced this problem in any of our projects using v4, so I can’t give you any valuable advice, sorry 😕
Does the issue appears if you don’t use extract-text-webpack-plugin? You might want to check some of the proposed “solutions” here: https://github.com/vuejs-templates/webpack-simple/issues/107.