Purgecss
  • Introduction
  • Configuration
  • CLI
  • JavaScript API
  • With Webpack
  • With PostCSS
  • With Gulp
  • With Grunt
  • With Rollup
  • Whitelisting
  • Extractors
  • Comparison
  • Guides
    • React
    • Vue
    • Next
    • Nuxt
    • Wordpress
Powered by GitBook
On this page
  • Installation
  • Usage
  • --css
  • --content
  • --config
  • --out
  • --whitelist
  • Example

CLI

PurgeCSS is available via a CLI. You can use the CLI by itself or with a configuration file.

Installation

npm i -g purgecss

Usage

To see the available options for the CLI: purgecss --help

purgecss --css <css> --content <content> [option]

Options:
  --con, --content  glob of content files                                [array]
  -c, --config      configuration file                                  [string]
  -o, --out         Filepath directory to write purified css files to   [string]
  -w, --whitelist   List of classes that should not be removed
                                                           [array] [default: []]
  -h, --help        Show help                                          [boolean]
  -v, --version     Show version number                                [boolean]

The options available through the CLI are similar to the ones available with a configuration file. You can also use the CLI with a configuration file.

--css

purgecss --css css/app.css css/palette.css --content src/index.html

--content

purgecss --css css/app.css --content src/index.html src/**/*.js

--config

purgecss --config ./purgecss.config.js

--out

By default, the CLI outputs the result in the console. If you wish to return the CSS as files, specify the directory to write the purified CSS files to.

purgecss --css css/app.css --content src/index.html src/**/*.js --out build/css/

--whitelist

If you wish to prevent PurgeCSS from removing a specific CSS selector, you can whitelist it.

purgecss --css css/app.css --content src/index.html --whitelist classnameToWhitelist

Example

PreviousConfigurationNextJavaScript API

Last updated 5 years ago

You can specify content that should be analyzed by PurgeCSS with an array of filenames or . These files can be HTML, Pug, Blade, etc.

You can use the CLI with a . Use --config or -c with the path to the config file.

You can see an example .

globs
configuration file
here