Code splitting styling issues
Hey everyone, I have styling issues when doing code splitting with webpack. Im using Vue with CSS Modules for scoped styles.
I have reusable component ButtonEl, which is in multiple css bundles, and this override Im doing is in first bundle, ,,,, however, later ButtonEl styles from another bundle override those specific styles, just based on being evaluated later.
I know I can use some tricks to increase specificity, but I would rather solve this in a centralized manner, if possible.
I see 2 possible solutions:
1. Css Modules hash to be different for each instance of
2. Some webpack solution with splitChunks?
Anyone can help with this?
I have reusable component ButtonEl, which is in multiple css bundles, and this override Im doing is in first bundle, ,,,, however, later ButtonEl styles from another bundle override those specific styles, just based on being evaluated later.
I know I can use some tricks to increase specificity, but I would rather solve this in a centralized manner, if possible.
I see 2 possible solutions:
1. Css Modules hash to be different for each instance of
ButtonEl, but dunno if that is even possible to do?2. Some webpack solution with splitChunks?
Anyone can help with this?
