Why twin.macro is so heavy

[itelo]

First of all, awesome job in this library.

I'm planning to use twin.macro in my application, but when I went into bundlephobia.com to compare with other solutions to handle CSS I discovered that this library is much heavy than the others.

I will share some screenshot from bundlephobia.com

twin.macro

@emotion/react

@emotion/styled

styled-components

[ben-rogerson]

Thanks!

Because Twin is a babel plugin that runs at compile-time so it's not in the same category as these libraries.
The bundle size listed here never gets added to your app - only the resulting css rulesets get injected into your app.

The bundle size is largely due to the tailwind class definitions 👍