The package contains a plugin for Vite.
# npm
npm i -D @griffel/tag-processor @griffel/vite-plugin
# yarn
yarn add --dev @griffel/tag-processor @griffel/vite-plugin
After installation, add the plugin to your vite.config.js
:
import { defineConfig } from 'vite';
import griffel from '@griffel/vite-plugin';
export default defineConfig(({ command }) => ({
// ...
plugins: [
// We recommend using the plugin only in production builds to get optimized output
command === 'build' && griffel(),
],
}));