Alexandru Lupu
Reputation: 311
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:
Upvotes: 1
Views: 656
Answers (1)
Alexandru Lupu
Reputation: 311
I fixed this by importing just the minified CSS file for a specific Component instead of importing the entire framework.
Upvotes: 1
Related Questions
- Semantic-ui-react style not loaded
- Overriding styles in semantic ui react
- React Semantic UI and a custom CSS class
- CSS overriding Semantic React Ui Properties
- customize semantic-ui-react (npm)
- Why custom css class does not work on React-Semantic-UI elements?
- Cannot import semantic-ui-css
- Using Semantic UI With CSS Modules in Webpack
- Importing CSS in Semantic-UI-React
- Semantic-ui - how to prevent semantic-ui css file from globally taking over other divs / parts of the page / app