Vite plugin for pdfn - Pre-compiles Tailwind CSS for edge runtime support
npm install @pdfn/viteVite plugin for pdfn. Pre-compiles Tailwind CSS for edge deployment.
Only for edge deployments (Cloudflare Workers, etc.). Not required for Node.js.
``bash`
npm install @pdfn/vite
`ts
// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { pdfn } from '@pdfn/vite';
export default defineConfig({
plugins: [react(), pdfn()],
});
`
`ts
// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { pdfn } from '@pdfn/vite';
export default defineConfig({
plugins: [
react(),
pdfn({
tailwind: true, // Enable Tailwind pre-compilation (default: true)
debug: false, // Enable debug logging (default: false)
}),
],
});
`
`tsx
// src/generate-pdf.tsx
import { pdfn } from '@pdfn/react';
import Invoice from './pdfn-templates/invoice';
const client = pdfn(process.env.PDFN_API_KEY);
export async function generateInvoice() {
const { data, error } = await client.generate({ react:
if (error) {
console.error(error.message);
return null;
}
return data.buffer;
}
`
| Option | Type | Default | Description |
|--------|------|---------|-------------|
| tailwind | boolean | true | Pre-compile Tailwind CSS for edge runtime |debug
| | boolean | false` | Enable debug logging |
- Vite 5+
- Tailwind CSS 4+
MIT