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