feat: add Vite plugin

[layershifter]

Fixes #33.

This PR adds a plugin for Vite that implements AOT support. CSS extraction is not supported by this plugin yet.

Installation

# npm
npm i -D @griffel/tag-processor @griffel/vite-plugin
# yarn
yarn add --dev @griffel/tag-processor @griffel/vite-plugin
# pnpm
pnpm add -D @griffel/tag-processor @griffel/vite-plugin

Usage

After installation, add the plugin to your vite.config.js:

import { defineConfig } from 'vite';
import griffel from '@griffel/vite-plugin';

export default defineConfig({
  // ...
  plugins: [griffel()],
});

[tsingson]

afee939

any update about add-vite-plugin ??

[github-actions]

📊 Bundle size report

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
core __resetStyles (makeResetStyles)	273 B 197 B
core __styles (makeStyles)	1.662 kB 793 B
core makeResetStyles (runtime)	17.14 kB 6.569 kB
core makeStyles (runtime)	21.651 kB 8.202 kB
core mergeClasses	1.821 kB 876 B
core shorthands.padding()	4.781 kB 1.537 kB
react __css	1.658 kB 774 B
react __styles	3.776 kB 1.668 kB
react makeResetStyles (runtime)	19.285 kB 7.429 kB
react makeStaticStyles (runtime)	9.225 kB 4.051 kB
react makeStyles (runtime)	23.803 kB 9.044 kB
shadow-dom createShadowDOMRenderer	3.468 kB 1.467 kB

_{🤖 This report was generated against 45e2a6b41596862bc2c54efbcbe746dc041e025e}