Grunt-specificity-graph NPM

grunt-specificity-graph

Generate CSS specificity graphs using grunt.

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-specificity-graph --save-dev

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

grunt.loadNpmTasks('grunt-specificity-graph');

The "specificity_graph" task

Overview

In your project's Gruntfile, add a section named specificity_graph to the data object passed into grunt.initConfig().

grunt.initConfig({
  specificity_graph: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    },
  },
});

Options

options.openInBrowser

Type: Boolean Default value: false

An option to open the directory in browser. Currently it opens the directory in Google Chrome. If Google Chrome is not present, it will open the folder.

A string value that is used to do something else with whatever else.

Usage Example

grunt.initConfig({
  specificity_graph: {
    task: {
      options: {},
        files: [ {
          expand: true,
          flatten: true,
          src: ["*.css"],
          dest: "dest/"
      } ]
    }
  },
});

Note: Recommended to use flatten option.