vite-plugin-html-purgecss-v3

Purges CSS based on HTML output


Keywords
vite, vite-plugin, purgecss
License
MIT
Install
npm install vite-plugin-html-purgecss-v3@0.1.2

Documentation

It is a fork of https://github.com/Jax-p/vite-plugin-html-purgecss

vite-plugin-html-purgecss-v3

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-v3 -D

or npm

npm i vite-plugin-html-purgecss-v3 --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.