PurgeCSS is available via a CLI. You can use the CLI by itself or with a configuration file.
npm i -g purgecss
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.
purgecss --css css/app.css css/palette.css --content src/index.html
You can specify content that should be analyzed by PurgeCSS with an array of filenames or globs. These files can be HTML, Pug, Blade, etc.
purgecss --css css/app.css --content src/index.html src/**/*.js
You can use the CLI with a configuration file. Use --config
or -c
with the path to the config file.
purgecss --config ./purgecss.config.js
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/
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
You can see an example here.