microsoft / griffel

CSS-in-JS with ahead-of-time compilation ⚡️
https://griffel.js.org
MIT License
1.2k stars 61 forks source link

chore(react): add "wyw-in-js" field for tag processor #475

Closed layershifter closed 11 months ago

layershifter commented 11 months ago

Adds wyw-in-js field to package.json to support styles processing with WyW-in-JS compiler (https://wyw-in-js.dev/). The plan is to use this compiler for Vite/esbuild plugins (https://github.com/microsoft/griffel/pull/41) and later switch our Webpack loader to it (https://github.com/microsoft/griffel/pull/414).

github-actions[bot] commented 11 months ago

📊 Bundle size report

Unchanged fixtures | Package & Exports | Size (minified/GZIP) | | -------------------------------------------------------------------------------------------------------------------------- | --------------------------: | | react
\_\_css | `1.645 kB`
`768 B` | | react
\_\_styles | `3.768 kB`
`1.661 kB` | | react
makeResetStyles (runtime) | `19.172 kB`
`7.377 kB` | | react
makeStaticStyles (runtime) | `9.136 kB`
`4.007 kB` | | react
makeStyles (runtime) | `23.675 kB`
`8.991 kB` | | shadow-dom
createShadowDOMRenderer | `3.236 kB`
`1.408 kB` |

🤖 This report was generated against d25676dd97e2621865e30270d9029ddeeb420cdb