Search code examples
cssreactjssemantic-uisemantic-ui-react

Remove unused CSS from Semantic UI React


Is there a way to remove the unused CSS imported from semantic-ui-css/semantic.min.css?

Checking the Coverage tab in Developer Tools, it seems that this file contains 97.8% unused bytes.

Coverage tab image below: enter image description here


Solution

  • I fixed this by importing just the minified CSS file for a specific Component instead of importing the entire framework.