grunt-uncss-inline

1.2.7 • Public • Published

grunt-uncss-inline Built with Grunt

NPM version Linux Build Status Windows Build status Dependency Status devDependency Status

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

Original Authors and Maintainers

License

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

Readme

Keywords

Package Sidebar

Install

npm i grunt-uncss-inline

Weekly Downloads

22

Version

1.2.7

License

MIT

Unpacked Size

14.8 kB

Total Files

5

Last publish

Collaborators

  • sparanoid