Hey there,

yeah the size gets increased because every Semantic UI component is included. I haven’t considered creating an article on individual components, but since you mentioned it i might. I’ll most likely do it within the coming week but in the meantime i think PurifyCSS plugin of Webpack will help you out. It will essentially remove all unused CSS declarations from your outputted bundle which in turn will reduce the overall bundle size big time. You can check it out here :

Let me know what you think :)

P.S. you might need to use the whitelist option if you want to explicitly force some CSS declarations to be included in the bundle.

Front-end ReactJS Developer — https://aggelos.dev

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store