grunt-css-count

grunt-css-count

Grunt plugin to count CSS selectors, declarations and rules in CSS files.

Suitable to watch for 4096 selector limit in IE9 and general statistics.

Getting Started

This plugin requires Grunt.

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-css-count --save-dev

Examples

Example of a Grunt config (Gruntfile.js) containing the csscount task.

grunt.initConfig({
  csscount: {
    dev: {
      src: [
        'css/compiled/styles.css',
        'assets/styles/*.min.css'
      ],
      options: {
        maxSelectors: 4000
      }
    }
  }
});

grunt.loadNpmTasks('grunt-css-count');

grunt.registerTask('default', ['csscount']);

Options

maxSelectors

Type: Number Default: ∞

Maximum number of selectors within CSS file. (IE9 selector count limit is 4096)

Credits

• @visionmedia for the great css-parse library.
• Original work from @phamann's grunt-css-metrics