Join the Webstudio community

Updated 4 months ago

πŸ” Question: Does WebStudio's Builder Include Only Used Styles in the Generated Site?

At a glance

The community member is using WebStudio's Builder to create a style guide for their project and wants to ensure that only the styles they actually use are included in the final generated website. The comments suggest that unused tokens are not included in generated css, but there is some discussion around whether adding a Style Guide to the project would require manually managing unused elements and tokens. One community member notes that with a Style Guide, unused styles are included, though with atomic CSS the difference may not be significant. Another suggests testing it on a cloned project to see the results.

Hi everyone!

I'm using WebStudio's Builder to create a style guide for my project. I want to make sure that only the styles I actually use from the provided template are included in the final generated website.

Does Builder automatically exclude unused styles, or do I need to manually add only the styles I use?

Any insights or experiences would be greatly appreciated!

Thanks!
B
D
4 comments
Unused tokens are not included in generated css
If I add a Style Guide to my project, can I not worry about unused elements and tokens?
With style guide they are included, though with atomic css the difference is not significant
You can test it yourself on cloned project
Add a reply
Sign up and join the conversation on Discord