Remove unused CSS with the grunt build tool
Switch branches/tags
Nothing to show
Clone or download
Latest commit 561cb83 Feb 27, 2017
Failed to load latest commit information.
tasks Fix passing options Feb 12, 2016
.gitignore Initialize plugin Jun 4, 2015
.jshintrc Initialize plugin Jun 4, 2015
Gruntfile.js Clean up some default code Jun 12, 2015
LICENSE-MIT Initialize plugin Jun 4, 2015 Update Feb 13, 2016
package.json 0.1.2 Feb 27, 2017


Clean unnecessary CSS with PurifyCSS

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-purifycss --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:


The "purifycss" task

Usage Examples

In this example, the default options are to specify a target with src files, style files, and an output destination. The plugin will search for style selectors used in the source files, and then output a trimmed down style sheet.

  purifycss: {
    options: {},
    target: {
      src: ['test/fixtures/*.html', 'test/fixtures/*.js'],
      css: ['test/fixtures/*.css'],
      dest: 'tmp/purestyles.css'


In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.