purifycss/grunt-purifycss

Name: grunt-purifycss

Owner: PurifyCSS

Description: Remove unused CSS with the grunt build tool

Created: 2015-05-28 02:37:42.0

Updated: 2018-05-21 15:13:25.0

Pushed: 2017-02-27 20:37:25.0

Homepage:

Size: 10

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

grunt-purifycss

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:

install grunt-purifycss --save-dev

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

t.loadNpmTasks('grunt-purifycss');

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.

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

Contributing

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.