grunt-uncss-inline

A fork of grunt-uncss doing the exact same thing, but does focus on processing the inline CSS only.

Getting Started

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-uncss-inline --save-dev

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

grunt.loadNpmTasks('grunt-uncss-inline');

Issues with the output should be reported on the UnCSS issue tracker.

Original usage examples should head to addyosmani/grunt-uncss.

Overview

This plugin do the following things:

1. Search all <style> tags and combine all the inline CSS into one in the searching order.
2. Pass combined inline CSS to uncss for the cleanup.
3. Save cleaned CSS to the first <style> found in the DOM.
4. Remove all other processed <style> tags.

Example configurations for Gruntfile.coffee (all uncss_inline specific default options included):

uncss_inline:
  options:
    style_selector: 'style:not([amp-boilerplate]):not([scoped])'

  dist:
    files: [
      expand: true
      cwd: "dist/"
      src: "**/*.html"
      dest: "dist/"
    ]

Limitations

Doesn't work well with scoped CSS at the moment.

Fork Maintainers

• @sparanoid

Original Authors and Maintainers

• @addyosmani
• @XhmikosR

License

(C) Addy Osmani 2016, released under the MIT license