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.