wordpress.md

title	lang	meta
WordPress	en-US	name content description PurgeCSS can be used for WordPress development. A module exists to ease the process and provide common safelist items. itemprop content description PurgeCSS can be used for WordPress development. A module exists to ease the process and provide common safelist items. property content og:url https://purgecss.com/guides/wordpress property content og:site_name purgecss.com property content og:type website property content og:image https://i.imgur.com/UEiUiJ0.png property content og:locale en_US property content og:title Remove unused CSS - PurgeCSS property content og:description PurgeCSS can be used for WordPress development. A module exists to ease the process and provide common safelist items.

WordPress

If you want to use PurgeCSS with WordPress, you might need to safelist classes generated by WordPress to avoid them being removed by PurgeCSS. purgecss-with-wordpress contains the classes needed to be safelisted.

Installation

You need to install purgecss first.

Install purgecss-with-wordpress:

npm i --save-dev purgecss-with-wordpress

Usage

import Purgecss from 'purgecss'
import purgecssWordpress from 'purgecss-with-wordpress'

const purgeCss = new Purgecss({
  content: ['**/*.html'],
  css: ['**/*.css'],
  safelist: purgecssWordpress.safelist
})
const result = purgecss.purge()

If you have additional classes you want to include, you can include them using the spread operator:

{
  safelist: [
    ...purgecssWordpress.safelist,
    'red',
    'blue',
    /^red/,
    /blue$/,
  ]
}