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
ButtonEl2. Some webpack solution with splitChunks?
Anyone can help with this?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
