Chrome devtools exported coverage JSON has all CSS and not only used

Question

So I am currently trying to find a way to export only used CSS for my site.

After some reseach I found the chrome devtools coverage feature. It seems to work. It shows that only 1% of my CSS code is used for CSS code from external libraries, e.g. bootstrap and animate.css.

Now there is an export button, which generates a JSON file with the (so I thought) code which I use, but the code in the JSON file is the normal code I use, all 100% not the 1% I use. Whats the point of this feature then?

Now I know that I use only 1% of code, but cannot access it.

Any other ideas how to do it? Or do I not understand the purpose of devtools exported coverage JSON?

question from:https://stackoverflow.com/questions/66061837/chrome-devtools-exported-coverage-json-has-all-css-and-not-only-used

Answer 1

Waitting for answers