Meta tags:
author=Full Human;
keywords=purgecss, css, unused css, remove css, optimize css, tailwindcss, postcss, webpack, purge;
description=PurgeCSS is a tool to remove unused CSS from your project;

Headings (most frequently used words):

options, grunt, installation, the, purgecss, task, overview, example, content, extractors, safelist, keyframes, fontface,

Text of the page (most frequently used words):
the (16), #purgecss (14), css (12), options (11), grunt (9), you (8), can (8), src (7), #safelist (6), content (6), with (6), this (5), keyframes (5), are (5), app (4), true (4), html (4), extractors (4), available (4), your (4), option (4), type (4), use (4), languages (4), files (3), fontface (3), button (3), yep (3), random (3), blade (3), configuration (3), initconfig (3), unused (3), array (3), object (3), api (3), gatsby (2), next (2), gulp (2), dist (2), extractor (2), vue (2), my_target (2), run (2), and (2), then (2), tested (2), example (2), below (2), using (2), all (2), main (2), remove (2), setting (2), default (2), value (2), false (2), boolean (2), nav (2), form (2), that (2), string (2), for (2), about (2), plugins (2), gruntfile (2), line (2), how (2), github (2), français (2), english (2), reference (2), prev, floriel, ffloriel, contributors, last, updated, edit, page, red, extension, match, extract, static, class, there, any, rules, them, font, face, animation, library, such, animate, variables, greedy, deep, standard, complex, take, regex, two, forms, indicate, which, selectors, safe, leave, final, accomplished, adapted, suit, needs, notice, lot, not, being, removed, might, want, custom, more, information, here, specify, should, analyzed, filenames, globs, pug, etc, will, find, complete, list, documentation, website, project, add, section, named, data, passed, into, overview, task, loadnpmtasks, once, plugin, has, been, installed, may, enabled, inside, javascript, save, dev, install, npm, installation, ant, design, modules, common, questions, comparison, hugo, wordpress, razzle, nuxt, react, guides, webpack, postcss, safelisting, programmatic, command, interface, getting, started,

Text of the page (random words):
grunt purgecss purgecss api reference languages languages english français github api reference languages languages english français github purgecss about purgecss getting started configuration command line interface programmatic api safelisting extractors plugins postcss webpack gulp grunt gatsby guides vue react next js nuxt js razzle wordpress hugo comparison common questions how to use with css modules how to use with ant design grunt installation npm install grunt purgecss save dev once the plugin has been installed it may be enabled inside your gruntfile with this line of javascript grunt loadnpmtasks grunt purgecss the purgecss task overview in your project s gruntfile add a section named purgecss to the data object passed into grunt initconfig grunt initconfig configuration to be run and then tested purgecss my_target options content src html files dist app css src css app css options all of the options of purgecss are available to use with the plugins you will find below the main options available for the complete list go to the purgecss documentation website options content type string object you can specify content that should be analyzed by purgecss with an array of filenames or globs the files can be html pug blade etc options extractors type array object purgecss can be adapted to suit your needs if you notice a lot of unused css is not being removed you might want to use a custom extractor more information about extractors here options safelist you can indicate which selectors are safe to leave in the final css this can be accomplished with the option safelist two forms are available for this option safelist random yep button nav in this form safelist is an array that can take a string or a regex the complex form is safelist standard random yep button nav deep greedy keyframes variables options keyframes type boolean default value false if you are using a css animation library such as animate css you can remove unused keyframes by setting the keyframes option to true options fontface type boolean default value false if there are any unused font face rules in your css you can remove them by setting the fontface option to true example the example below is using all of the main options available grunt initconfig configuration to be run and then tested purgecss my_target options content src html src js src blade src vue extractors extractor class static extract content content match a z extension html blade safelist random yep button red keyframes true fontface true files dist app css src css app css edit this page last updated 2 18 22 3 11 pm contributors ffloriel floriel prev gulp next gatsby