Treeshaking Build Plugin

Unhead provides a Vite plugin to optimise your builds, by removing composables that aren't needed and simplifying your code.

While optional, it's recommended for most use cases to ensure Unhead runs optimally.

It will perform the following optimisations:

• Remove server composables in client builds (e.g. useServerHead, useServerSeoMeta)
• Transform useSeoMeta to raw useHead (saves ~3kb)

Setup

1. Install the @unhead/addons package.

yarn add -D @unhead/addons

npm install -D @unhead/addons

pnpm add -D @unhead/addons

2. Add the plugin to your build config.

import UnheadVite from '@unhead/addons/vite'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    UnheadVite(),
  ],
})

import { UnheadWebpack } from '@unhead/addons/webpack'

export default {
  plugins: [
    UnheadWebpack(),
  ],
}