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

Love podcasts or audiobooks? Learn on the go with our new app.

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
Aggelos Arvanitakis

Aggelos Arvanitakis

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

More from Medium

Observations from the peanut gallery of life

Airdrop Quasar Metaverse NFT cards continues

RESILIENCY : the positivity to bounce back from anything