vite-plugin-html-purgecss

This Vite plugin purges CSS based on HTML output using PurgeCSS.

✔️ Works with Multi Page App
✔️ Content/pattern setup is not needed - plugin purges styles over the whole HTML code which is being resolved by Vite
✔ Classes can be dynamically created ('bg-' + true ? 'red' : 'blue') because PurgeCSS runs over already generated HTML (post).

Install

Yarn

yarn add vite-plugin-html-purgecss -D

or npm

npm i vite-plugin-html-purgecss --save-dev

Usage

Configuration

Use plugin in your Vite config (vite.config.ts)

import htmlPurge from 'vite-plugin-html-purgecss'

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

Options

| Parameter | Type | Description | | ----------- | ----------- | ----------- | | safeList | UserDefinedSafelist | Check available safelist options in PurgeCSS docs.